[Bug][Grid] Column misalignment with locked multi-column headers and column resizing

[WissamProgress]

I'm submitting a...

• Bug report

Current behavior

When having a locked column that has nested columns (for multi-column headers), resizing the column and scrolling horizontally results in a column misalignment.

In the above image, the child columns are also locked, or else it will result in misalignment only for the parent column thats locked.

Expected behavior

No misalignment.

In addition, it is more convenient if the locked prop is passed automatically to the child GridColumn components.

Minimal reproduction of the problem with instructions

Can be reproduced here - https://stackblitz.com/edit/react-dvulhc-sf5whl?file=app%2Fmain.jsx

1. Render a multi-column header column
2. Set its width
3. Set resizable to true
4. Set locked to true for the multi-column header
5. Resize it
6. Observer the misalignment

More information provided here - Ticket ID: 1652502

[vveesseelliinnaa]

Reported again in Ticket ID: 1654882

[filipKovachev]

Reported again in Ticket ID: 1696727