在富数据表的行之间添加行

Question

在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.

Answer 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;
}