Grid virtual columns header misaligned when the width of the columns is less than the grid width

[kendo-bot]

Bug report

The Grid header is misaligned when the total width of the columns is less than the width of the grid and column virtualization is enabled.

Public item - https://feedback.telerik.com/kendo-jquery-ui/1662395-grid-virtual-columns-width-misalignment-with-headers-when-not-enough-columns-shown-to-have-horizontal-scrollbar-at-creation

Reproduction of the problem

Run the following Dojo and observe the header and table cells.

https://dojo.telerik.com/OvoFACik

Current behavior

The header is not aligned with the content.

Expected/desired behavior

The header should be aligned with the content.

Additional Information

The problem disappears if you show/hide a column(even if the total width is still less than the grid width). The issue is present only during the initial rendering.

Environment

• Kendo UI version: 2024.3.806
• jQuery version: 3.7.0
• Browser: [all]