在 rich:dataTable 的行之间添加行答案

【问题标题】：Add lines between the rows of a rich:dataTable在 rich:dataTable 的行之间添加行
【发布时间】：2013-05-24 20:11:23
【问题描述】：

如何在 JSF 中的 dataTable 的行之间添加行 - 使表格看起来像矩阵？

以下是我的视图文件：

<rich:dataTable value="#{myController.myModel}" var="myManager" id="managerTable" >

快速搜索表明在 dataTable 中添加 rules="rows" 是可行的。我试过但没有结果。显然，当我为 h:dataTable 添加 rules="rows" 时，行之间会引入一些行。

<h:dataTable value="#{myController.myModel}" rules="rows" var="myManager" id="managerTable" >

但是当我更改为 rich:dataTable 时它失败了。

如何在rich:dataTable 中也获得相同的结果？

我使用 JSF 2.0 和 Richfaces 4。

【问题讨论】：

【解决方案1】：

<rich:dataTable> 具有rowClass 属性，如果你想要行之间的线条，你可以创建一个这样的 CSS 类：

.row-line {
    border-bottom: 2px solid black;
}

编辑： dataTable 中的第一行具有rf-dt-fst-r 类。因此，如果您想在表格上方添加一行：

.row-line.rf-dt-fst-r {
    border-top: 2px solid black;
}

【讨论】：