transform wenn Brwoser kleiner als... Positionsprobleme

[Gunnar Bittersmann]

@@Michael P.

Da bei der Anzeige auf kleinen Bildschirmen der Titel der einzelnen Zellen der Tabelle zu lang ist, möchte ich diese drehen. Nun ergibt sich folgendes Problem:

Ich bekomme die einzelnen Titel nicht bündig zur unteren Zelle und die Zelle sollte eigentlich den Titel umschliessen, dieser ragt allerdings aus der jeweilgen Zelle.

Die Tabellenzellen schreren sich nicht darum, dass der Text gedreht wird. Erst rattert der Tabellenrendering-Algorithmus (d.h. der Browser bestimmt die Größe der Zellen), dann werden die Inhalte transformiert (gedreht).

Eine CSS-Lösung (ohne transform, sondern mit writing-mode) lässt noch auf sich warten. “Proposal to defer orthogonal table cells not resolved yet.” ED css-writing-modes-3]

Du müsstest wohl die Höhen der Kopfzellen je nach Maximallänge der längsten Spaltenüberschrift setzen. Die du nicht kennst. Und bei mehrzeiligen Spaltenüberschriften wird’s ganz blöd.

Ich glaube, eine vernünftige Lösung gibt es gegenwärtig noch nicht.

SVG?

LLAP 🖖