Issue: auto-height table in scrollbox shows unused space

Hi.

I’ve created a test project to reproduce an issue that I have been trying to tackle on a while. But with no luck. As far as I can see this is an issue in Cuba.

Scenario:

  • create a page that includes a scrollbox
  • within that scrollbox, use a table with auto height
  • when showing a lot of records, the table shows an empty row-space at the bottom
  • when the set of records is limited, this unused space gradually disappears until at ~50 records there is no unused space anymore

See screenshot and attached reproduction project (you will need to create ~ 100 records!).

ScrollDownTable

testtable.zip (88.5 KB)

Looking at the HTML it seems there is a calculation error. The table-div has been given a larger height than necessary and there is a row-spacer included that takes up the space (when display:none is used, the space is still allocated):

HTML

The use case here is that I want to generate a page that just lists all available information that can be scrolled through. In the attached test project it is a simple table but in my application there is more information before and after (hence the scrollbox).

Thanks for your support.

  • Berend

Hi,

Why do you use Table with auto height inside of ScrollBoxLayout? It has their own scrollbars.

Hi Yuriy, that would be more sensible to do in this test project. But, as stated, in my real project I’m using content in front and after the table and the table just needs to show all information.

Any comments on this one?

Hi,

Unfortunately, without a precise test case we cannot reproduce the problem. We will be able to help you if you send us a small sample project along with reproduction scenario that demonstrates the issue.

HI Yuriy,

The test case was already included on the first submit: https://www.cuba-platform.com/discuss/uploads/default/original/2X/b/bf5924a6b5e98f8db536dd4263e00a3446d316b6.zip

1 Like

Hello @b.tel

I’ve investigated your case and created an issue: GitHub.

Thank you for reporting the problem.

Regards,
Daniil.

1 Like

Great - thank you Daniil

-b