columns.draggable Boolean (default: false)

If set to true a draghandle will be rendered and the user could reorder the rows by dragging the row via the drag handle. 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.


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