Editing

Premium

Updated on Jun 24, 2026

You can create, update, and delete the data records of the Gantt.

Getting Started

The Gantt provides the following callbacks, components and utility functions to allow full user control:

• First we define taskModelFields to prepare the items for manipulation;
• row callbacks - onRowClick, onRowDoubleClick and onRowContextMenu
• task callbacks - onTaskRemove, onTaskClick, onTaskDoubleClick and onTaskContextMenu
• add button callback - onAdd
• dependency create callback - onDependencyCreate
• handle onFormSubmit - It provides information about the updated task as well as createdDependencies, updatedDependencies and deletedDependencies.
• components - GanttForm and GanttRemoveDialog
• utility functions for updating the data tree: addTask, removeTask and updateTask

The following example demonstrates how to create, update, and delete Gantt tasks and dependencies using the GanttForm, GanttRemoveDialog, and the addTask, removeTask, and updateTask utility functions.

Change Theme

Theme

Loading ...

Suggested Links

• React Gantt