A React sample project that demonstrates the React Gantt Chart component with support for editing tasks, taskbar manipulation, and task dependency management in a project scheduling scenario.

This repository provides a practical example of using the Syncfusion React Gantt Chart to build an interactive project management interface. The sample focuses on configuring built-in editing capabilities and toolbar actions that allow users to manage tasks directly within the Gantt chart

• Syncfusion @syncfusion/ej2-react-gantt integration
• Editable Gantt chart with:
  • add, edit, delete tasks
  • taskbar editing
  • dependencies between tasks
• Toolbar controls:
  • Add
  • Edit
  • Delete
  • Update
  • Cancel
  • Expand All
  • Collapse All

Install project dependencies using:

npm install

npm start

Open http://localhost:3000 in your browser.

The sample renders a GanttComponent configured with editing options enabled. Task data is supplied from a local data source and mapped to the Gantt chart using the taskFields property.

• The edit mode is configured as Auto to allow inline task updates.
• Taskbar editing is enabled using the allowTaskbarEditing option.
• Sample data includes parent tasks, nested subtasks, and a basic dependency value such as 2FS.

• Explore React Gantt Chart
• Gantt Chart Feature Overview
• React Gantt Chart Getting Started Guide
• React Gantt API Documentation
• React Gantt Chart Live Demos and Examples