DataTable с вертикальным текстом в заголовке

Можно ли изменить ориентацию заголовка фасета в таблице данных Primefaces? В основном я хочу что-то вроде этого: http://www.primefaces.org/showcase/ui/datatableBasic.jsf, но модель/производитель/год/цвет должны быть написаны вертикально (НО весь текст из таблицы должен оставаться горизонтальным).

Я знаю, что могу повернуть текст с помощью css, но тогда мне придется вручную устанавливать ширину и высоту заголовка, что немного раздражает, так как вся таблица будет динамической (http://www.primefaces.org/showcase/ui/datatableDynamicColumns.jsf). Поскольку dataTable устанавливает W и H для «неповернутого» текста.


datatable jsf primefaces jsf-2
person Mateusz Dymczyk    schedule 10.04.2011    source источник

Ответы (1)


arrow_upward
7
arrow_downward

Пока свойство CSS3 writing-mode не станет стабильным и широко принятым, чтобы вы могли просто использовать .ui-datatable th { writing-mode: vertical-lr; }, ваш текущий лучший ставка действительно иметь изображение вместо текста в заголовке. Поскольку MSIE >= 6 является единственным браузером, поддерживающим это свойство, для которого вам не нужно изменять размеры. Проверьте себя с writing-mode: tb-lr;

person BalusC    schedule 11.04.2011