style lost on scrollable datatable after update

[fickmj]

I have the datatable below being updated as rows are added. Today I added scrollable to this table and as soon as i update the table all style formatting is lost. I'm using the primefaces 1.0.0.RC download. Is there a fix for this?

<p:dataTable id="sale" var="saleDetail" value="#{sale.saleDetails}" selection="#{pos.selectedSaleDetail}" selectionMode="single" width="100%" height="300px" scrollable="TRUE">
<p:column width="50">
<f:facet name="header">
<h:outputText value="#{messages['pos.Column.Quantity']}" />
</f:facet>
<h:outputText value="#{saleDetail.psdqty}" />
</p:column>
<p:column width="150">
<f:facet name="header">
<h:outputText value="#{messages['pos.Column.UPC']}" />
</f:facet>
<h:outputText value="#{saleDetail.pitupc}" />
</p:column>
<p:column width="450">
<f:facet name="header">
<h:outputText value="#{messages['pos.Column.Description']}" />
</f:facet>
<h:outputText value="No description field to display yet" />
</p:column>
<p:column width="125">
<f:facet name="header">
<h:outputText value="#{messages['pos.Column.Item.Price']}" >
</h:outputText>
</f:facet>
<h:outputText value="#{saleDetail.psdrtp}" >
<f:convertNumber type="currency" pattern="#{messages['Currency.Converter.Pattern']}"/>
</h:outputText>
</p:column>
<p:column width="124">
<f:facet name="header">
<h:outputText value="#{messages['pos.Column.Item.Total']}" />
</f:facet>
<h:outputText value="#{saleDetail.totalPrice}">
<f:convertNumber type="currency" pattern="#{messages['Currency.Converter.Pattern']}"/>
</h:outputText>
</p:column>
</p:dataTable>

[cagatay.civici]

Can you provide a screenshot?

[fickmj]

I would but I don't see any way to put an image in here. Basically the table headers and colors all disappear and it gets displayed as a line of just plain text.

[cagatay.civici]

I see, we'll look into this. Btw you can use http://imageshack.us/ for images.

[fickmj]

Here is the page before the ajax update to the datatable


Here is the page after the table has been updated

[fickmj]

Has there been any information on this issue? I'm experiencing the same results with the datatable in two separate web applications. We are hoping this is something that can be fixed so we don't have to go with a different approach to implement this.

[cagatay.civici]

Does it work well when scrollable is set to false? Scrollable datatables can be tricky with ajax updates.

[fickmj]

It seems to work with scrollable='false' and if i remove scrollable. However, I need to make sure the table doesn't go beyond a specific height so this doesn't really help me.

[fickmj]

I pulled the lastest release for 1.0.0 yesterday and I believe that the issue has been resolved. I'll post additional info if I find out otherwise during testing.