數據表PrimeFaces列寬度不改變

Question

有什麼辦法specifie在數據表中的列相同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屬性因爲這將也工作。