reorderable Object|Boolean (default:false)

If set to true the user could reorder the columns by dragging their header cells. By default reordering is disabled. Multi-level headers allow reordering only in same level.

Example - enable column reordering

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

Check Column reordering for a live demo.

In this article