css - 如何减少 PrimeFaces 中数据表列的 () 宽度

Question

实际上我使用 primefaces 3.5。我想减少数据表中特定列的宽度

它不起作用:

<p:dataTable  styleClass="myTable" ......................>
<p:column width="5" headerText="verylargeeeeeeeeeeeeeeeeeeeeeeeeeeeee">
</p:column>

Answer 1

您的代码对我有用，但它不会将列的大小减小到小于 headerText 宽度。当文本太大时，您可以将标题设置为使用多行，但只有在 headerText 中有空格时才有效。这对您的示例没有帮助，因为没有空格。该选项的 CSS 如下:

.ui-datatable thead th {
    white-space:normal !important;
}

换句话说，我不确定如何将列的大小减少到小于一个字的长度。