Explicitly set a column width with JavaScript

[Zach]

Does anyone know if there is a way to explicitly set the column width with JavaScript where width = 'x' and column name = 'z'?

Thanks,
Zach

[Alexander Popov]

Hello Zach,

Currently, the Grid's API does not provide a method for changing a column's width, however you could achieve similar results using the setOptions method. For example: 

var grid = $("#myGrid").getKendoGrid();
grid.columns[0].width = 100;
grid.setOptions({columns: grid.columns});

Regards,
Alexander Popov
Telerik

 

 

[Zach]

Hi Alexander,

I've attempted to implement your snippet via JSFiddle. It isn't working as I've got it coded, currently.

Any thoughts?

Thanks!

[Zach]

Looks like I wasn't referencing the latest Kendo UI build in the fiddle. Working example here.

Thanks for the help!

[Zach]

I can't seem to get the columns to shrink smaller than the width of the text in the cells. Do you know if there's an override to this?

[Alexander Popov]

Hi Zach,

Setting a smaller size than would require the Grid's scrollable option to be enabled, otherwise the total with of the column would always be equal to the Grid's content table width.
More information on that topic can be found here.

Regards,
Alexander Popov
Telerik