Hi,
Setup in brief
We have a table using nested headers, with many columns that would extend outside a typical screen width.
We therefore contain it inside a div with ‘overflow: hidden’
We have an option to toggle fixed columns off/on (essentially to help scroll ‘date’ columns while keeping the others in place).
We also allow columns to be manually resized.
Issue
After setting and un-setting a fixed column on the table, and then manually resizing a column, the headers and data-rows no longer scroll together as one inside the overflow container.
Replication
Please see the below JS fiddle for a simplified mock-up of the issue:
https://jsfiddle.net/craigbenstock79/srL1kzpq/2/
Many thanks,
Craig