[Analytical table]: Column width and header with do not match

[abhianuj]

Describe the bug

I am trying to implement the feature of hiding and showing relevant columns.

I referred to ‘How to hide columns’ section from this documentation.

Although the implementation is working as expected, it is having a side effect on column width (header width and column width gets mis aligned).

Please check the video attached and the stackblitz link in Isolated example section.

Isolated Example

https://stackblitz.com/edit/github-1yycgh?file=src%2FApp.tsx

Reproduction steps

1. open the stackBlitz link shared.
2. Click on 'View settings' Button.
3. Select multiple columns to hide.
4. Deselect the columns that were hidden in random fashion.
5. You can see that the header and column width are mis aligned.

Expected Behaviour

Width of the header should be aligned with the column width.

Screenshots or Videos

Screen.Recording.2024-06-17.at.7.02.35.PM.mov

UI5 Web Components for React Version

1.23.2

UI5 Web Components Version

1.20.1

Browser

Chrome

Operating System

MacOs

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

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