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，在表格中为max-width和20px设置th至td：

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

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