I tried several times for most of the dataTable styles to make it work with customized style, only by making the style attribute directly in the dataTable did it work, if I make these styles in a css file as a style class, it doesn't work at all.
i.e. <rich:dataTable style="color:white"> works,
but <rich:dataTable styleClass="whitetablecolor"> doesn't work,
my orginal jsf code is this:
<rich:dataTable id="p" width="98%" styleClass="bluetable"
value="#{accounts}" var="acount" binding="#{accounts.table}">
<f:facet name="header">
<rich:columnGroup>
<rich:column styleClass="whiteheadercell">
<h:outputText value="Account Name"/>
</rich:column>
<rich:column styleClass="whiteheadercell">
<h:outputText value="City"/>
</rich:column>
<rich:column styleClass="whiteheadercell">
<h:outputText value="State"/>
</rich:column>
</rich:columnGroup>
</f:facet>
</rich:dataTable>
my css file has this at the end:
.bluetable,
#bluetable{
BACKGROUND-COLOR: #0000bb; FONT-COLOR:#ffffff; COLOR: #0000bb;
}
.whiteheadercell,
#whiteheadercell{
FONT-COLOR:#ffffff; COLOR: #ffffff;
}
the generated html looks like this:
Account Name
altho in the final HTML it did have the bluetable class added, but it did not render the actual table blue.
can someone help me?