Description

There's a gap of variable size (scales up/down when grid width changes) between the column headers and the scrollbar.

• igniteui-angular version: 18.2.x
• browser: N/A

Steps to reproduce

Reproduces on
https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid#angular-data-grid-example
https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/filtering#angular-grid-filtering-example
https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/clipboard-interactions#angular-grid-clipboard-interactions-example
probably more

All seem to use either % widths, none or autogenerate (equal parts), so it very well could be % width calculation related.

Result

Expected result

Headers should fill in up to the scrollbar as they do if there's a horizontal scroll in the mix for example:

https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/column-hiding#angular-grid-column-hiding-example

Attachments

Attach a sample if available, and screenshots, if applicable.