resizeColumn

Changes the width of the specified column.

Introduced in the Kendo UI 2018 R3 release.

Parameters

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>
<script>
$("#grid").kendoGrid({
  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);
</script>
In this article