New to Kendo UI for jQuery? Start a free 30-day trial

ReorderColumn

methods

Changes the position of the specified column.

reorderColumn

Parameters:destIndexNumber

The new position of the column. The destination index should be calculated with regard to all columns, including the hidden ones.

columnObject

The column whose position should be changed.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
      { name: "Jane Doe", age: 30 },
      { name: "John Doe", age: 33 }
  ]
});
var grid = $("#grid").data("kendoGrid");
grid.reorderColumn(1, grid.columns[0]);
</script>