Edit this page


Changes the width of the specified column.

Introduced in the Kendo UI 2018 R3 release.


column Object

The column whose width should be changed.

value Number

The new column width.

Example - resize a column

<div id="grid" style="width:500px;"></div>
  columns: [
    { field: "name", width: 300 },
    { field: "age", width: 300 }
  dataSource: [
      { name: "Jane Doe", age: 30 },
      { name: "John Doe", age: 33 }
var grid = $("#grid").data("kendoGrid");
grid.resizeColumn(grid.columns[0], 200);
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article