Some time the extendedDataTable not shown, alternately a progress going inside the table area.

[newuser001]

From the first time running the application the problem may occur. the extendedDataTable not shown but a progress going inside the extendedDataTable area.After that any other action can't done. how to resolve this...

Source code as follow,

<rich:modalPanel id="carDetailModalPanel"

                                 autosized="true"

                                 resizeable="false"

                                 styleClass="noWrap"

                                 onshow="renderDiv();">

                     <f:facet name="header">

                        <h:panelGroup>

                            <h:outputText value="Car Details" />

                        </h:panelGroup>

                    </f:facet>

                    <f:facet name="controls">

                        <h:graphicImage id="imageModalPanelIconId" value="#{image.close}"

                                        onclick="#{rich:component('carDetailModalPanel')}.hide();">

                        </h:graphicImage>

                    </f:facet>

                    <div id="modalPanelDivId"  style="width:97em">

                            <f:verbatim rendered="#{!empty Car.carList}"> <div

                                    id="carlistDivId"  style="

                                    width :expression(this.scrollWidth > (54em)? 55em: 'auto');

                                    overflow-x:scroll;"></f:verbatim>

                                <rich:extendedDataTable id="searchDataTable"

                                                        rendered="#{!empty Car.carDetailList}"

                                                        enableContextMenu="false"

                                                        value="#{Car.carDetailList}"

                                                        rowKeyVar="index"

                                                        var="carDetail"

                                                        styleClass="noWrap"

                                                        height="110px"

                                                        width="1035px"

                                                        rows="#{fn:length(Car.carDetailList)}">

                                    <f:facet name="header">

                                        <rich:columnGroup>

                                            <rich:column style="word-wrap:break-word;">

                                                <h:outputText value="Car Name" />

                                            </rich:column>

                                            <rich:column style="word-wrap:break-word;">

                                                <h:outputText value="Car type" />

                                            </rich:column>

                                            <rich:column style="word-wrap:break-word;">

                                                <h:outputText value="Car Price" />

                                            </rich:column>

                                            <rich:column style="word-wrap:break-word;">

                                                <h:outputText value="Mileage" />

                                            </rich:column>

                                        </rich:columnGroup>

                                    </f:facet>

                                    <rich:column sortable="false" width="145px">

                                        <h:outputText value="#{carDetail.name}" />

                                    </rich:column>

                                    <rich:column sortable="false"  width="145px">

                                        <h:outputText value="#{carDetail.carType}"/>

                                    </rich:column>

                                    <rich:column sortable="false" width="165px">

                                        <h:outputText value="#{carDetail.price}"/>

                                    </rich:column>

                                    <rich:column sortable="false" width="145px">

                                        <h:outputText value="#{carDetail.mileage}"/>

                                    </rich:column>

                                </rich:extendedDataTable>

                            <f:verbatim rendered="#{!empty Car.carDetailList}"></div></f:verbatim>

                        </div>

                </rich:modalPanel>

The apperance of the output :