rich：带有css的dataTable斑马细胞

Question

我正在使用rich：dataTable，我希望每个其他单元格都有不同的颜色（斑马色彩效果）。如何在我的.css文件中实现它？

<rich:dataTable value="#{uploader.files}" var="_data" id="files">
    <rich:column>
        <f:facet name="header">
            <h:outputText value="File name" />
        </f:facet>
        <h:outputText value="#{_data.name}" />
</rich:column>

Answer 1

每个单元格都应该有一个css类（.rf-cst-c它在实际的richfaces showcase中），所以你可以这样做：

.rf-cst-c:nth-child(odd) td {
        background: #000;
}
.rf-cst-c:nth-child(even) td {
        background: #5b5b5b;
}
.rf-cst-c:nth-child(3n) td {
        background: #fff;
}

如果由于富脸的不同版本而导致css类发生变化，那么使用浏览器的调试工具并掌握正在使用的css类应该没有问题。