Hi All,
I'm have an application. It have multiple extendedDataTable like this.
#Fisrt extendedDataTable
<rich:extendedDataTable id="tbGrid1"
value="#{bean data}" var="bean"
frozenColumns="2" rows="5"
selectionMode="none">
<rich:column width="140px">
<f:facet name="header">
<h:outputText value="Column1" />
</f:facet>
<h:outputText value="Column 1 value"/>
</rich:column>
.
.
<rich:column width="140px">
<f:facet name="header">
<h:outputText value="Column N" />
</f:facet>
<h:outputText value="Column n value"/>
</rich:column>
</rich:extendedDataTable>
#Second extendedDataTable
<rich:extendedDataTable id="tbGrid2"
value="#{bean data}" var="bean"
frozenColumns="2" rows="5"
selectionMode="none">
<rich:column width="140px">
<f:facet name="header">
<h:outputText value="Column1" />
</f:facet>
<h:outputText value="Column 1 value"/>
</rich:column>
.
.
<rich:column width="140px">
<f:facet name="header">
<h:outputText value="Column N" />
</f:facet>
<h:outputText value="Column n value"/>
</rich:column>
</rich:extendedDataTable>
When generate html and css.
#Fisrt extendedDataTable
div.rf-edt-cnt {
display: block;
width: 502px;
}
.rf-edt-c-j_idt67 {
width: 50px;
}
.rf-edt-td-j_idt67 {
width: 50px;
}
#Second extendedDataTable
div.rf-edt-cnt {
width: 100%;
}
.rf-edt-c-j_idt67 {
width: 50px;
}
.rf-edt-td-j_idt67 {
width: 50px;
}
I'm not sure but I think the problem is richface generate duplicate "div.rf-edt-cnt" and use this css class in all extendedDataTable.
because when I view css in FireBug the second "div.rf-edt-cnt" is override first "div.rf-edt-cnt".
How to solve this problem ?.
Environment : JSF 2 (Mojarra 2.1.17), Richfaces 4.3.0 final
Remark : When I remove second extendedDataTable form this page fisrt extendedDataTable is working.
Thanks,