How to solve this extendedDataTable positioning

[satyakatti]

Hi,

I have a panel and extendedDataTable in one screen.

The extendedDataTable border appears on the rich:panel where as the actual table is placed below the rich:panel.

You can view the attached image.

How to make that border also appears along with actual table and below the rich:panel?

Should I adjust some css of the extendedDataTable?

Regards,

Satya

[satyakatti]

Also the extendedDataTable footer is not aligned to the width of table correctly.

The code is as below :

        <rich:extendedDataTable

            width="90%" height="200px" id="searchResults"

            value="#{memberBean.searchResult}"

            var="mem">

            <rich:column>

                <f:facet name="header">Name</f:facet>

                #{mem.name}

            </rich:column>

                 ---------

                 ---------

                 ---------

            <f:facet name="footer">

                <rich:columnGroup rendered="#{not empty memberBean.searchResult}">

                    <rich:column colspan="8">

                        <h:form id="downloadForm">

                            <h:commandLink action="#{memberBean.downloadData}">

                                <h:graphicImage value="../images/excelIcon.gif" width="40" height="40"/>

                            </h:commandLink>                               

                        </h:form>   

                    </rich:column>

                </rich:columnGroup>

            </f:facet>

        </rich:extendedDataTable>

[ilya_shaikovsky]

seems some application css problems. please inspect with firebug classes applied(or just try to remove your css files temportarily)