Bug Description

The horizontalAlign prop cannot work correctly when change the column visibility via React hook useState. For instance, there are 2 columns, the horizontalAlign prop of the 1st column is Start and it is End for the 2nd column. The horizontalAlign prop is changed to Start after hiding the first column using useState hook.

Affected Component

ui5-table-header-cell

Expected Behaviour

The horizontalAlign prop should not be changed when the visibility of other columns is changed.

Isolated Example

https://stackblitz.com/edit/js-8gj8o7vp?file=table.js

Steps to Reproduce

1. Navigate to https://stackblitz.com/edit/js-8gj8o7vp?file=table.js
2. Click the button to toggle the visibility of the 1st column
3. The horizontalAlign of the 2nd column should not be chaned

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

2.11.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

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