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

Question

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

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

Answer 1

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