Under Review
Last Updated: 07 May 2026 11:36 by ADMIN
Michael D
Created on: 27 Apr 2026 14:15
Category: Kendo UI for jQuery
Type: Bug Report
0
Grid - resizing columns programmatically causes them to grow over time

I am using the Kendo-UI Grid's resizeColumn method do change column widths programmatically (e.g., to distribute column widths by our own custom rules). I have noticed that doing so sometimes leads to unexpected results as demonstrated in this DOJO:

Assume a grid with two columns: one has a fixed size of 200px and the other has no explicit width set.

In the first example, we programmatically set the first column's width to 200px (which should not change anything since the column already is 200px wide. 

grid.resizeColumn(column, 200);

This works as expected.

In the second example, we programmatically set the first column's width first to 20px and then immediately to 200px. I would expect the final outcome to be the same, since the second column should compensate.

grid.resizeColumn(column, 20);
grid.resizeColumn(column, 200);

However, the second column does not shrink and the overall grid grows larger instead. Doing this repeatedly causes the columns to grow larger and larger over time.

Of course, this is a simplified example and I do not call resizeColumn() twice right after each other.

3 comments
ADMIN
Viktor Tachev
Posted on: 07 May 2026 11:36

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

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Michael D
Posted on: 04 May 2026 06:06

Unfortunately, setting scrollable to false is not feasible, since this also removes the ability to scroll the grid vertically which is a common use case in my application.

Also, this seems to be more a workaround than a solution.

ADMIN
Viktor Tachev
Posted on: 30 Apr 2026 13:45

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

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.