Scrollabledatatable: scrollbars disappear after the datatabl

[suprairc]

Hi there,

I use a scrollableDataTable, it works fine except when the browser is loading the table, I see scrollbars. But when the table is fully loaded, the scrollbars disappear, and i don't want that. I want the scrollbars to stay.

Thx in advance.

[suprairc]

It also seems as if the datatable loads twice. first time it loads with scrollbars and then it seems to load for 0.5 sec and it appears without scrollbars.

[ilya_shaikovsky]

provide more info about page libraries versions and etc..

[suprairc]

I use 3.3.0 GA and I create the dataTable dynamically in Java.

[ilya_shaikovsky]

so this helps to little to understand why the table can be loaded twice. maybe you able to provide small sample?

[suprairc]

It's not really loaded twice. At first it renders the table cells, and then the headers are rendered, and when that happens, the scrollbars disappear. I can provide you a sample, I will provide it shortly

[suprairc]

It's a little bit tricky to provide you with a sample: the dataTable itself is about 1000 lines of code, the HtmlColumn implementations are about 300 lines of code and the DataModel is about 450 lines of code.

So I try to explain the situation:

I have the dataTable, it is placed upon a HtmlAjaxOutputPanel. The HtmlAjaxOutputPanel holds the dataTable and my CustomPaging component. The outputPanel is a standard HtmlAjaxoutputPanel with the following style:

width 1090px
height 159px
top auto
right auto
bottom auto
left auto

position static
display block
visibility visible
z-index auto
overflow hidden
white-space normal

On the panel, I put the HtmlScrollableDataTable, I set the rows to 0 to display all the rows in the set, in my case, this is 10 rows, I use 10 rows because I have custom paging and I don't want to use the dynamic scrolling. Concluding: I have 10 rows in my dataTable.
The problem now is: I use a masterDetailDetail system, and when I display the dataTable, the rows make the dataTable too big to fit in the outputPanel.
The OutputPanel has overflow hidden, so I want the dataTable to have his inside scrollbars. But this doesn't happen. I manually set the dataTable size according to the browser window size.

I think the dataTable should notice that it won't fit on its parent HtmlAjaxOutputPanel, and make his inside scrollbars appear. Style for the dataTable is this:

width 1090px
height 134px
top auto
right auto
bottom auto
left auto

position static
display table
visibility visible
z-index 0
overflow hidden
white-space nowrap

[ilya_shaikovsky]

seems there could be some problems with your column implementation.

[konstantin.mishin]

You might send your sample on my e-mailbox. My e-mail is kmishin at exadel.com.

[suprairc]

Hey guys, I found out that when I use the built-in sorting when clicking the columnheaders, the scrollbars magically appear....

Maybe this is useful information...

Thx in advance

[ilya_shaikovsky]

real sample will be useful.. still not reproducible at internal testing environment.