Analytical Table Fixed Bottom scrollable

[NagaChaitanya1N]

Describe the bug

Hi team,
I have integrated analytical table into my application. If we have one row of data we are using minRows{0} can we make that scrollable to be change dynamic but i observed that if we have only single row the bottom scrollable is moving to top as we can see in below attached Image

Isolated Example

No response

Reproduction steps

...

Expected Behaviour

No response

Screenshots or Videos

No response

UI5 Web Components for React Version

2.15.2

UI5 Web Components Version

2.15.2

Browser

Edge

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[Lukas742]

Hi @NagaChaitanya1N,

Could you please provide a reproducible example? You can use this StackBlitz template to make it easier.

Additionally, could you clarify what you mean by "the bottom scrollable is moving to top" and explain your intention behind setting minRows to 0? This will help us better understand your use case.

[NagaChaitanya1N]

After filtering the data, I’m getting only a single row, but the table still shows multiple empty rows. To avoid displaying those empty rows in the UI, I set minRows = 0. However, I’m facing an issue where the horizontal scrollbar (used for scrolling left or right when there are many columns) moves to the top of the table when there are only a few rows. I want to prevent this behavior and ensure the scrollbar stays at the bottom.

[Lukas742]

@NagaChaitanya1N I can't reproduce this issue and from your screenshot, the scrollbar appears to be rendered correctly at the bottom of the table.
To help investigate further, please add a reproducible example.

Additionally, the table should at least have one row, as otherwise "no-data" placeholders are cut off and when the table has data it would be an accessibility violation, as the content is not visible. Hence one row is always visible when the table has data, even if minRows={0} is set. We will outline this better in the prop's description

[NagaChaitanya1N]

As seen in the image, the horizontal scrollbar appears at the bottom of the table. However, when there are fewer rows, the table height decreases and moves upward, causing the scrollbar to shift to the top. I want the table to maintain a consistent height that fits the page, regardless of the number of rows, so the scrollbar stays at the bottom and the layout remains stable.

[Lukas742]

If you mean, that the table size increases or decreases depending on the visible rows, then you have to set the minRows to the same value as the visibleRows as described in the prop's description:

To prevent the height of the table from jumping when e.g. filtering or fetching data, it's recommended setting minRows to the same value as visibleRows.

If you want to automatically adjust the table size to its surrounding container, use the visibleRowCountMode="AutoWithEmptyRows": https://ui5.github.io/webcomponents-react/v2/?path=/story/data-display-analyticaltable--dynamic-row-count&args=visibleRowCountMode:AutoWithEmptyRows;containerHeight:1000