css - DataTable PrimeFaces 列宽不变

Question

有没有办法在数据表中指定相同的宽度列，例如我的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; }

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

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

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