Extending one column too far than supported makes the columns look distorted

In the AdvancedDataGrid columns, if we extend one column beyond a certain point overlapping other columns, column header and data are misaligned. Column header is not properly placed with column data. This scenario happens when first column data is lengthy and user resizes the column to have a better view of the UI.

Start with the AdvancedDataGrid implementation and reproduce the issue by making the first column’s data lengthy, then resizing that column beyond the supported overlap point. Inspect how column headers and data positions are recalculated during resizing. Done means the header remains aligned with its column data after the resize.

Written by the indexing model from the issue text.