标题中带有垂直文本的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;