Example of Row Drag And Drop in Javascript Gantt Chart Control

Row Drag and Drop

This sample demonstrates the Gantt component with the row drag and drop feature. You can rearrange the gantt rows by using drag icon in left side of gantt column. Here you can perform drag and drop the gantt rows in to required position.

More Details...


Row drag and drop feature can be enabled by settting allowRowDragAndDrop property as true. In this demo, taskbar drag and drop between rows can be enabled by setting allowTaskbarDragAndDrop as true. Injecting Module: Gantt features are segregated into individual feature-wise modules. To use row, drag and drop feature we need to inject RowDD and Edit modules using the Gantt.Inject(RowDD, Edit) section.