如何使用來自實體的信息為整行着色？

Question

我在 .xhtml 文件中有下表。 我想為表格的整行着色，而不僅僅是文本背景。 我怎么能做到這一點？ 注意：表格有更多的列，我只是在這里發布了其中的一列，因為其余的列是相似的。

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

Answer 1

有rowClass屬性。 只需將其與 CSS 結合即可。 例如：

<style>
    tr.g { background-color: MediumSeaGreen; }
    tr.r { background-color: Tomato; }
    tr.w { background-color: white; }
</style>

和rowClass="#{stat.color}"在rich:dataTable 。