Adding scrollbar to rich:dataTable component

[ranveer.singh]

Hi,

I want to add scrollbar to rich:dataTable. Can someone suggest me how to do this? I want 10 row in the table but table height should be fixed so want to add scrollbar to dataTable.

[ilya_shaikovsky]

how about just to use extendedDataTable?

[ilya_shaikovsky]

Moving thread to RichFaces space as there is nothing about RF development.

[ranveer.singh]

I want height to be fixed , because of layouting issue. So wanted to use dataTable. is there any way i can use scrollbar on table body. And i think this will good to have with the component.

[ilya_shaikovsky]

I still can't get why extended data table component can't be used? It could be used with fixed height and probvides scrollbar.

[ranveer.singh]

Thanks Ilya. It works. I misunderstood.

[muralib12]

Hi ilya,

the below is my extendedDataTable code, but this does not display the vertical scrool bar.

and when the table has only one row, the row height is stretched to the table height.

let me know if i need to add anything to get the scroolbar and fixed row height.

<rich:extendedDataTable

     rows="10" height="200px"                          

     id="masterTable"

     value="#{merchantInformations}" width="100%"

     var="_merchantInformation"

     enableContextMenu="false"

     selection="#{merchantInformations.selection}"

     selectionMode="single" rowKeyVar="row">

.... ...

am using richfaces-api-3.3.2.GA.jar, richfaces-impl-3.3.2.GA.jar, richfaces-ui-3.3.2.GA.jar

Thanks in advance.

[ilya_shaikovsky]

was fixed in next 3.3.2.SR version. and I recommend to update to 3.3.3 final.

[muralib12]

Thanks ilya it works in 3.3.3.final

[muralib12]

Hi ilya,

again regarding the same problem - scroll bars with extended data table.

with 3.3.3.Final am getting the vertical scrollbars but not the horizontal scrollbar.

when i debug the html code using firebug in firefox i found the below style applied to the inner div

.extdt-content {

overflow-x:hidden;

overflow-y:auto;

}

<rich:extendedDataTable id="masterTable"

            value="#{merchantInformationModel}" var="_merchantInformation"

            reRender="masterDS"  rows="5" height="120px" width="800px" frozenColumns="3"

            enableContextMenu="false"

            selection="#{merchantInformationModel.selection}"

            selectionMode="single" rowKeyVar="row">

and even frozenColumns also not working.

using the below richfaces libraries

richfaces-api-3.3.3.Final.jar; richfaces-impl-3.3.3.Final.jar; richfaces-ui-3.3.3.Final.jar

please let me know how fix this issue.

and one more thing not able to get the scrollbars in rich:modelpanel also. point me to the correct implementation.

Thanks in advance,

[ilya_shaikovsky]

till now we talked about vertical scroll. And yes EDT in 3.3.x does not suport horizontal scroll out of the box. Additional CSS tricks should be used. (need to search across the jira there were some workarounds created by the community.)

And finally need to mention that EDT in 4.x will support both scrolls.

[chelachen]

As I try:

rich:dataTable: can't add scrollbar.

rich:extendedDataTable:can't work with rich:columnGroup (like rich:dataTable use it to rowspan/colspan in header/footer)

Now I want to add scrollbar and use rowspan/colspan in header/footer. How can I  do?

[chelachen]

richfaces4.1

Complex sub-tables

Due to the complex mark-up involved in the <rich:extendedDataTable> component, it does not support the use of the <rich:collapsibleSubTable> component. The <rich:collapsibleSubTable> component is only available with the <rich:dataTable> component.

Similarly, complex row and column spanning using the breakRowBefore, colSpan, and rowSpan attributes is also not available with the <rich:extendedDataTable> component.

I Just need One full and complete support.