-
Notifications
You must be signed in to change notification settings - Fork 105
Description
Describe the bug
Hi!
I use the AnalyticalTable
with scaleWidthMode={"Grow"}
as I want the AnalyticalTable to consider the width of the headers as well as the width of the actual content.
When using this feature with lots of columns, that reserve some amount of space, it's seems to be never possible to get rid of the horizontal scroll bar. But the even more pressing issue is, that as soon as almost all columns are displayed, a "tipping point" is reached that seems to trigger a recalculation of column widths. After that the column sizes have increased, but actually less content is visible.
I created a stackblitz example, I will also attach a video.
Please note, that I intentionally used scaleWidthModeOptions
in the columns, as this is also the use case in my "real" app.
Isolated Example
https://stackblitz.com/edit/github-myd8tofb
Reproduction steps
- Run the stackblitz example
- Increase / Decrease the width of the preview container
- The column widths will "jump" at certain points
Expected Behaviour
As long as there is not enough space to display all columns, the columns should be rendered with their calculated min width.
When there is enough space to display all columns, only then the column sizes should be increased based on the available additional free space. No horizontal scroll bar should be visible.
Screenshots or Videos
Bildschirmaufnahme.2025-09-30.um.17.53.08.mov
UI5 Web Components for React Version
2.14.1
UI5 Web Components Version
2.14.0
Browser
Chrome
Operating System
MacOS
Additional Context
No response
Relevant log output
Organization
No response
Declaration
- I’m not disclosing any internal or sensitive information.