我在.xhtml
文件中有以下表。我想为表格的整行着色,而不仅仅是文本背景。我如何在RichFaces
中做到这一点?
注意:这个表有更多的列,我只是在这里贴出其中的一个。
<rich:panel styleClass="container dynamic grey table col7">
<f:facet name="header">#{msg.toop_normalverteilungstest_results}</f:facet>
<rich:dataTable styleClass="dynamic equicol7"
value="#{normalverteilungstestBean.statisticResultsList}" var="stat" id="table">
<rich:column id="testschritteVal" styleClass="col1-table" headerClass="col1-table">
<f:facet name="header">
<h:outputText value="#{msg.masterdata_normalverteilungstest_testschritte}" />
</f:facet>
<h:outputLabel rendered="#{stat.color == 'g'}" style="background-color:MediumSeaGreen;"
value="#{stat.testschritte}" styleClass="col1" />
<h:outputLabel rendered="#{stat.color == 'r'}" style="background-color:Tomato;"
value="#{stat.testschritte}" styleClass="col1" />
<h:outputLabel rendered="#{stat.color == 'w'}" value="#{stat.testschritte}" styleClass="col1" />
</rich:column>
</rich:dataTable>
</rich:panel>
存在rowClass
属性。只需将其与CSS结合即可。例如:
<style>
tr.g { background-color: MediumSeaGreen; }
tr.r { background-color: Tomato; }
tr.w { background-color: white; }
</style>
和rich:dataTable
中的rowClass="#{stat.color}"
。