在primefaces數據表中設置寬度

Question

我想在數據表中為cxolumns設置固定寬度，我為所有列嘗試了不同的寬度。 但是寬度根據數據的大小而變化。 如果數據有空間，則將其折疊，否則表寬度將增加。

提前致謝。

Answer 1

您需要為數據表創建CSS定義。 讓我們稱它為p:datatable ：

<p:dataTable id="myDataTable" .... var="something">
  <p:column headerText="column1">
    #{something.propertyA}
  </p:column>

  <p:column headerText="column2">
    #{something.propertyB}
  </p:column>

</p:dataTable>

然后，您的CSS定義必須為：

#myDataTable.ui-datatable thead th,
#myDataTable.ui-datatable tbody td,
#myDataTable.ui-datatable tfoot td {
  white-space: normal;
  word-wrap: break-word;
}

解釋word-wrap: break-word鏈接word-wrap: break-word

• http://www.w3schools.com/cssref/css3_pr_word-wrap.asp
• HTML表中的自動換行

和white-space: normal ：

• http://www.w3schools.com/cssref/pr_text_white-space.asp