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

#jsf #datatable #jsf-2 #primefaces

#jsf #datatable #jsf-2 #первичные пространства

Вопрос:

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

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

Ответ №1:

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