[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.

[abhianuj10]

Hi @MarcusNotheis ,

Do we know until when we would have a fix for this?

[MarcusNotheis]

Hi @abhianuj10,

we've implemented a fix for this issue which is going to be released during the course of the week (v1.x).
The fix for v2 will be published with our release next week.

[ui5-webcomponents-react-bot]

🎉 This issue has been resolved in version v2.7.0 🎉

The release is available on v2.7.0

Your semantic-release bot 📦🚀