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

Reorderable.rows

configuration

If set to true the user could reorder the rows by dragging them. By default reordering for rows is disabled. If the selectable option is enabled for rows only selected rows will can be dragged and reordered.

Note that the reordering operation is only a client-side operation and it does not reflect the order of any data that is bound to the server.

More about the Grid Row Drag and Drop functionality you can read in this article.

reorderable.rows

Boolean|Object

Default: false

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

reorderable.rows.clickMoveClick

Boolean

If set to true (default), when there is a drag column for the items in the Grid, the user will be allowed to reorder rows via click move click interaction as an alternative of the drag and drop one.

Default: true

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { draggable: true, width: "40px" },
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
    { id:1, name: "Jane Doe", age: 30 },
    { id:2, name: "John Doe", age: 33 }
  ],
  reorderable: {
    rows: {
      clickMoveClick: false
    }
  }
});
</script>