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

Reorderable

configuration

If set to true, the user can reorder the columns in the GanttList section of the widget by dragging their header cells. By default, reordering is disabled.

reorderable

Boolean

Default: false

<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
  reorderable: true,
  dataSource: [
    {
      id: 1,
      orderId: 0,
      parentId: null,
      title: "Task1",
      start: new Date("2014/6/17 9:00"),
      end: new Date("2014/6/17 11:00")
    },
    {
      id: 2,
      orderId: 1,
      parentId: null,
      title: "Task2",
      start: new Date("2014/6/17 12:00"),
      end: new Date("2014/6/17 14:00")
    }
  ],
  dependencies: [
    {
      predecessorId: 1,
      successorId: 2,
      type: 1
    }
  ],
  columns: [{
    field: "title",
    filterable: false
  }, "start", "end"]
});
</script>