标题中带有垂直文本的DataTable

时间:2011-04-10 23:12:03

标签: jsf datatable jsf-2 primefaces

是否可以在曲面DataTable中更改构面标题的方向?基本上我想要这样的东西:http://www.primefaces.org/showcase/ui/datatableBasic.jsf但是要垂直书写模型/制造商/年份/颜色(但是表格中的所有文字保持水平)。

我知道我可以用css旋转文本但是我必须手动设置标题的宽度和高度,这有点烦人,因为整个表都是动态的(http://www.primefaces.org/showcase/ui/datatableDynamicColumns.jsf)。由于dataTable为“未旋转”文本设置了W和H.

1 个答案:

答案 0 :(得分:6)

在CSS3 writing-mode属性稳定并广泛采用以便您可以使用.ui-datatable th { writing-mode: vertical-lr; }之前,您目前最好的选择是在标题中使用图像而不是文本。到目前为止,MSIE> = 6是唯一支持此属性的浏览器,您无需更改维度。使用writing-mode: tb-lr;

测试自己