管理检索到的dataTable列

Question

我在表格中有13列。当我在<h:dataTable>中显示它时，它会扩展到页面上非常宽的区域。

有没有办法最小化它们的宽度或显示上面的某些列和下面的某些列？

Answer 1

您可以使用h:dataTable的{​​{1}}属性来设置列的宽度。

来自Java EE tutorial：

  

如果是columnClasses或rowClasses   指定多个样式   样式应用于列或   行的顺序是样式   列在属性中。例如，   如果columnClasses指定样式   list-column-center和   list-column-right如果表有   两列，第一列将   有样式列表 - 列中心，和   第二列将有风格   列表列权。

您可以为不同的宽度定义样式，并将这些样式分配给列。这是一个例子：

columnClasses

在你的css文件中：

<h:dataTable id="items"
    columnClasses="list-column-center, list-column-left,
         list-column-right, list-column-center">
  ...
</h:dataTable>

如果要在行中显示列，可以使用panelGrid中的两个数据表：

.list-column-center{ width: 300px; }
.list-column-left{ width: 100px; }