reorderable.rows Boolean|Object (default:false)

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.

Example - enable column reordering

<div id="grid"></div>
  columns: [
    { field: "name" },
    { field: "age" }
  dataSource: [
    { id:1, name: "Jane Doe", age: 30 },
    { id:2, name: "John Doe", age: 33 }
  reorderable: {
    rows: true
In this article