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