Table: Resize after column toggle leads to distorted columns

[HaveSpacesuit]

Describe the bug (actual behavior)

Using a resizable table with the column manager:

• Resize a column
• Hide and then show a column with the column manager
• Resize any column - the headers no longer line up with the table data

Alternatively:

• Hide a column
• Resize any column
• Show the hidden column
• Resize any column - the headers no longer line up with the table data

This does not seem to occur if the user hasn't resized a column before unhiding a column.

Expected behavior

The columns should line up with the headers when resizing after using the column manager.

Reproduction

https://codesandbox.io/s/itwinui-react-minimal-example-forked-xbs4jm?file=/src/App.tsx

[bentleyvk]

I found even crazier steps to reproduce:

1. Hide column.
2. Resize other column.
3. Unhide previous column.
4. Press with mouse anywhere, e.g. right-click outside the table.