This sample demonstrates the row drag-and-drop feature in the Gantt Chart. Tasks can be reordered by dragging the drag handle displayed in the left side of the Gantt row. Rows can be dropped at the required position to reorganize the task hierarchy and sequence.
Row drag and drop feature can be enabled by setting allowRowDragAndDrop property as true. In this demo, taskbar drag and drop between rows can be enabled by setting allowTaskbarDragAndDrop as true.
Gantt component features are segregated into individual feature-wise modules. To use row drag and drop, edit, and selection features, we need to inject RowDD, Selection and Edit into Inject Services modules.
More information on the Essential® React Gantt Chart can be found in this drag and drop documentation section.
Looking for the full React Gantt Chart component overview, features, pricing, and documentation? Visit the React Gantt Chart page.