标题中带有垂直文本的 DataTable答案

【问题标题】：DataTable with vertical text in the header标题中带有垂直文本的 DataTable
【发布时间】：2011-08-02 16:31:38
【问题描述】：

是否可以在 primefaces 数据表中更改分面标题的方向？基本上我想要这样的东西：http://www.primefaces.org/showcase/ui/datatableBasic.jsf 但要垂直书写模型/制造商/年份/颜色（但表格中的所有文本都保持水平）。

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

【问题讨论】：

标签： jsf datatable jsf-2 primefaces

【解决方案1】：

在 CSS3 writing-mode 属性稳定并被广泛采用以使您可以只使用 .ui-datatable th { writing-mode: vertical-lr; } 之前，您当前的最佳选择实际上是在标题中使用图像而不是文本。到目前为止 MSIE >= 6 是唯一支持此属性的浏览器，您无需更改尺寸。用writing-mode: tb-lr;测试自己

【讨论】：