0 Replies Latest reply on Jul 17, 2008 1:22 PM by hua fan

    dataTable styleClass not functioning

    hua fan Newbie

      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?