rich-table-subheadercell 影响所有副标题
rich-table-subheadercell affect all the subheader
我正在使用 richfaces 创建数据table。 table 有两个 header,我想为第二个 header 的一个单元格的背景着色,我找到了 class rich-table-subheadercell,我使用它为一列着色所有第二个 header.
<rich:dataTable rowClasses="greyRow, whiteRow" id="table" rendered=" "
headerClass="class1"
columnClasses="redColumn"
onRowMouseOver="this.style.backgroundColor='#{cardsWebPortalBean.selected_color}'"
onRowMouseOut="this.style.backgroundColor='#{org.richfaces.SKIN.tableBackgroundColor}'"
width="1120px" rows="5"
value=""
var="" rowKeyVar="row">
<f:facet name="header">
<rich:columnGroup>
<rich:column width="15">
<h:outputText value="#{msgMS.lbl_Hist}" />
</rich:column>
<rich:column >
<h:outputText value="" />
</rich:column>
<rich:column width="95">
<h:outputText value="" />
</rich:column>
<rich:column width="50">
<h:outputText value="#" />
</rich:column>
<rich:column width="130">
<h:outputText value="#" />
</rich:column>
<rich:column width="85">
<h:outputText value="#" />
</rich:column>
<rich:column width="70">
<h:outputText value="#" />
</rich:column>
<rich:column width="70" >
<h:outputText value="#" />
</rich:column>
<rich:column width="25" >
<h:outputText value="#" />
</rich:column>
<rich:column width="15" styleClass="rich-table-subheadercell">
<h:outputText value="#{msgMS.lbl_Serv}" />
</rich:column>
</rich:columnGroup>
我通过指定单元格的数量解决了这个问题,就像简单的 table:
.rich-table-subheadercell:nth-child(10){
background-color: #db8888 !important;
background-image:none !important;
}
我正在使用 richfaces 创建数据table。 table 有两个 header,我想为第二个 header 的一个单元格的背景着色,我找到了 class rich-table-subheadercell,我使用它为一列着色所有第二个 header.
<rich:dataTable rowClasses="greyRow, whiteRow" id="table" rendered=" "
headerClass="class1"
columnClasses="redColumn"
onRowMouseOver="this.style.backgroundColor='#{cardsWebPortalBean.selected_color}'"
onRowMouseOut="this.style.backgroundColor='#{org.richfaces.SKIN.tableBackgroundColor}'"
width="1120px" rows="5"
value=""
var="" rowKeyVar="row">
<f:facet name="header">
<rich:columnGroup>
<rich:column width="15">
<h:outputText value="#{msgMS.lbl_Hist}" />
</rich:column>
<rich:column >
<h:outputText value="" />
</rich:column>
<rich:column width="95">
<h:outputText value="" />
</rich:column>
<rich:column width="50">
<h:outputText value="#" />
</rich:column>
<rich:column width="130">
<h:outputText value="#" />
</rich:column>
<rich:column width="85">
<h:outputText value="#" />
</rich:column>
<rich:column width="70">
<h:outputText value="#" />
</rich:column>
<rich:column width="70" >
<h:outputText value="#" />
</rich:column>
<rich:column width="25" >
<h:outputText value="#" />
</rich:column>
<rich:column width="15" styleClass="rich-table-subheadercell">
<h:outputText value="#{msgMS.lbl_Serv}" />
</rich:column>
</rich:columnGroup>
我通过指定单元格的数量解决了这个问题,就像简单的 table:
.rich-table-subheadercell:nth-child(10){
background-color: #db8888 !important;
background-image:none !important;
}