Resizable does not work when too many columns overflows the grid

[Dale]

Here is a Dojo simulating the issue: http://dojo.telerik.com/awEdu/2

When the number of columns are reduced to fit the screen without horizontal scrolling, then resizing works. What is the work around to get a grid to resize working with overflow of columns?

[Dimiter Topalov]

Hello Dale,

The observed behavior is due to the fact that, in the provided scenario, the scrollable option of the Grid is set to false. The columns cannot be resized, because they are already as narrow as possible, and at the same time, the Grid table is wider than its containing <div>. Therefore, the columns cannot become neither smaller, nor larger.

The simplest way to make the columns resizable in this case is to set scrollable to true, or not set it at all (it defaults to true).

You can find further information and several ways to prevent the Grid's table from overflowing in the following section of our documentation:

http://docs.telerik.com/kendo-ui/web/grid/appearance#width

I hope this helps.

Regards,
Dimiter Topalov
Telerik