problem with extendedDataTable, is it bug?

[sparklink]

Hi,

i'm using extendedDataTable to provide dynamic configuration data. for the first time, my extendedDataTable show a great look and feel, until i click to another tab in Firefox, once i click back to my page, the extended data table become something like below :

[url=http://img37.imageshack.us/my.php?image=graphic1.png][img=http://img37.imageshack.us/img37/7657/graphic1.png][/url]

is it a bug or something wrong with my code? i'm using richfaces 3.3.1..

(sorry i couldn't add image directly to this page)

[ilya_shaikovsky]

please add your page code. I've wrapped the extendedTable to tabs as at the screenshot but can't achieve such result.

[sparklink]

i just simply do this on multiple table :

<rich:extendedDataTable width="700px" height="250px" binding="#{adminController.extTable}" id="atable1" rows="10" style="margin:auto;" value="#{adminController.listProduct}" var="prod" rendered="true">
 <rich:column id="colPK" width="15%" sortBy="#{prod.pkey}" filterBy="#{prod.pkey}" filterEvent="onkeyup" label="Prod. Key">
 <f:facet name="header">
 <h:outputText value="Prod. Key" />
 </f:facet>
 <h:outputText value="#{prod.pkey}"/>
 </rich:column>
 <rich:column id="colPN" width="20%" sortBy="#{prod.productName}" filterBy="#{prod.productName}" filterEvent="onkeyup" label="Prod. Name">
 <f:facet name="header">
 <h:outputText value="Product Name" />
 </f:facet>
 <h:outputText value="#{prod.productName}"/>
 </rich:column>
 <rich:column id="colMerk" width="20%" sortBy="#{prod.merk.descr}" filterBy="#{prod.merk.descr}" filterEvent="onkeyup" label="Merk">
 <f:facet name="header">
 <h:outputText value="Merk" />
 </f:facet>
 <h:outputText value="#{prod.merk.descr}"/>
 </rich:column>
 <rich:column id="colType" width="20%" sortBy="#{prod.tipe.descr}" filterBy="#{prod.tipe.descr}" filterEvent="onkeyup" label="Tipe">
 <f:facet name="header">
 <h:outputText value="Type" />
 </f:facet>
 <h:outputText value="#{prod.tipe.descr}"/>
 </rich:column>
 <rich:column id="colPrice" width="15%" sortBy="#{prod.price}" filterBy="#{prod.price}" filterEvent="onkeyup" label="Price">
 <f:facet name="header">
 <h:outputText value="Price" />
 </f:facet>
 <h:outputText value="#{prod.price}"/>
 </rich:column>
 <rich:column id="colPAct" width="10%" sortBy="#{prod.active}" filterBy="#{prod.active}" filterEvent="onkeyup" label="Active">
 <f:facet name="header">
 <h:outputText value="Active" />
 </f:facet>
 <h:outputText value="#{prod.active}"/>
 </rich:column>
 <a4j:support event="onselectionchange" action="#{adminController.FillProduct}" reRender="cmerk,tipe,desc,prc,act,pkey"/>
 </rich:extendedDataTable>

i'm using switch tabs client, but the result always appear like that. i'm using 4 tabs an 4 extendedTable each every tab..