Skip to content

[AnalyticalTable]: [scale width mode "Grow" issues] #7790

@Na1k

Description

@Na1k

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

  1. Run the stackblitz example
  2. Increase / Decrease the width of the preview container
  3. 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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions