DataTable PrimeFaces列的宽度不变

Question

有没有办法在datatable中指定相同的列width ，例如我的dataTable这一部分，但是对于所有列，宽度并不相等：

<p:dataTable value="" styleClass="hide-content-names">
    <p:columns value="#{managedBean.listObject}" 
               var="head" headerText="#{head.code}" width="20px;"/>
</p:dataTable>

有什么解决办法吗？

谢谢。

Answer 1

最好的方法是编写一些自定义CSS。 如果您不想将其应用于所有数据表，请向数据表中添加一个类，例如my-table 。

默认情况下，PrimeFaces数据表设置为width: 100% 。 首先将其覆盖为auto ：

.my-table.ui-datatable table { width: auto; }

现在，将而不是width ，将表中的th和td的max-width都设置为20px ：

.my-table.ui-datatable th, .my-table.ui-datatable td { max-width: 20px; }

为此，也可以使用列上的style属性。