3 Replies Latest reply on Nov 27, 2008 10:53 AM by Nick Belaevski

    Custom CSS on header for <rich:dataTable> under IE

    Nicolas U. Newbie

      Hello.

      i try to change the standard CSS for a datatable.

      It's work under firefox and chrome but not under IE and opera.

      jsf:

      <rich:dataTable headerClass="" rowKeyVar="row" rowClasses="rowA,rowB" id="packageList" value="#{pc_Test.test}" var="file">
       <f:facet name="header">
       <rich:columnGroup>
       <rich:column>
       <h:outputText value="Numbers List" />
       </rich:column>
       </rich:columnGroup>
       </f:facet>
       <rich:column>
       <h:outputText value="#{file}" />
       </rich:column>
      </rich:dataTable>
      


      Backing bean:
      protected List<String> test = null;
      
      public List<String> getTest() {
       System.out.println("getTest");
       if (test == null) {
       test = new ArrayList<String>();
       test.add("String1");
       test.add("String2");
       test.add("String3");
       }
       return test;
       }
      
      public void setTest(List<String> test) {
       this.test = test;
       }
      


      CSS:
      body {
       background-color: #09385a;
      }
      
      .rich-table-headercell {
       background-color:#C5C5C5;
       border-color:#FFFFFF;
       color:White;
       font-family:Arial,Helvetica,sans-serif;
       font-size:11px;
       font-weight:bold;
      }
      
      .rowA {
       color: #848383;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 10px;
       background-color: #FFFFFF;
      }
      
      .rowB {
       color: #848383;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 10px;
       background-color: #F0F0F0;
      }
      


      How can i change CSS for header of the datatable under IE?
      The attribute headerClass on datatable doesnt like work much better.

      Thx