在primefaces数据表中设置宽度

Question

我想在datatable中为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

的链接

• http://www.w3schools.com/cssref/css3_pr_word-wrap.asp
• Word-wrap in an HTML table

和white-space: normal：

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