DataTable mit vertikalem text in der Kopfzeile

Ist es möglich, ändern Sie die Ausrichtung der Facette header in einem primefaces DataTable? Im Grunde möchte ich so etwas wie dieses: http://www.primefaces.org/showcase/ui/datatableBasic.jsf aber mit dem Modell/Hersteller/Jahr/Farbe vertikal geschrieben (ABER mit alle den text aus der Tabelle zu bleiben horizontal).

Ich weiß, ich kann drehen den text mit css, aber dann habe ich manuell die Breite und Höhe des header, das ist ein bisschen ärgerlich, da die ganze Tabelle wird dynamisch (http://www.primefaces.org/showcase/ui/datatableDynamicColumns.jsf). Da die dataTable stellt die W und H für die "nicht gedrehten" text.

InformationsquelleAutor Mateusz Dymczyk | 2011-04-10
  1. 6

    Bis die CSS3 - schreiben-Modus Eigenschaft ist stabil und weit verbreitet, so dass Sie konnte einfach .ui-datatable th { writing-mode: vertical-lr; } Ihre aktuelle am besten ist es wirklich, um ein Bild anstelle von text in der Kopfzeile. Wie weit MSIE >= 6 ist der einzige browser, der diese Eigenschaft unterstützt, für die Sie gar nicht brauchen, ändern Sie die Abmessungen. Testen Sie sich selbst mit writing-mode: tb-lr;

    InformationsquelleAutor BalusC
Schreibe einen Kommentar