Hello Michael,

Thank you for getting back to us. 

After further investigation, I was able to identify the cause of the issue. The behavior occurs when the column widths are initially configured as pixel values represented by strings (for example, "200px"). Since the resizeColumn method operates with numeric values, the internal sizing logic appears to calculate the widths incorrectly in this scenario, which can result in the scrollbar being displayed unexpectedly.

I have logged the issue in our backlog, and you will be able to track its progress either here or through our GitHub repository.

In order to avoid the scroll from appearing in this scenario, you can set the widths for the Grid columns as numbers in the initial configuration.

columns: [
        { field: "name", width: 200 },
        
        { field: "age" }
      ],

I tested this configuration in the Dojo example, and the scrollbar does not appear on my end.

Please give the updated Dojo a try and let me know if it resolves the issue in your environment:

https://dojo.telerik.com/HLKEuPRE

Regards,
Viktor Tachev
Progress Telerik

Hello Michael,

In order to keep the vertical scrolling in the Grid component I suggest adding the following CSS and keeping the Grid scrollable.

#grid.k-grid .k-grid-content
{
	overflow-x: hidden;
}

I have also modified the dojo to illustrate the approach:

https://dojo.telerik.com/MmZJFXBn

Give it a try and let me know how it works for you.

Regards,
Viktor Tachev
Progress Telerik

Hello Michael,

Thank you for reaching out to us.

The behavior is observed due to the way column widths are calculated when scrolling is enabled. In order to keep width of the second column within the Grid I suggest setting the scrollable option to false.

Check out the updated dojo for reference: https://dojo.telerik.com/WnFckfbg

Regards,
Viktor Tachev
Progress Telerik