PrimeFaces数据表滚动条

Question

我有一个带有primefaces数据表的表单,我已经为它设置了css列宽:

.idcol{width: 5%}
.prioritycol{width: 5%}
.titlecol{width: 30%}
.descriptioncol{width: 40%}
.actionscol{width: 10px}

一切都很好但是当我添加scrollable="true"属性以便拥有可滚动的数据表时,结果最糟糕:

这是数据表的声明:

<p:dataTable  id="dtable" var="todos" value="#{todo.todoList}" scrollable="true" 
                             resizableColumns="false" scrollHeight="300" lazy="true"
                             styleClass="idcol,prioritycol,titlecol,descriptioncol,actionscol">

问题是什么？谢谢!

Answer 1

我找到了解决方案，您必须同时编辑 css 和 JSF 代码，然后查看结果，对于我的问题，我一步一步编辑了 css 和 jsf 代码，这是对我有用的代码:

CSS：

.idcol{width: 5%}
.prioritycol{width: 5%}
.titlecol{width: 30%}
.descriptioncol{width: 40%}
.actionscol{width: 20%}

表格 ：

1. 第一列：宽度=“25”
2. 第 2 列：宽度=“55”
3. 第 3 列：宽度=“369”
4. 第 4 列：宽度=“469”
5. 第 5 列：宽度=“170”