Angular Gantt Editing Basics

Updated on Oct 29, 2025

The Gantt provides a robust set of features for editing tasks and dependencies, enabling you to create, update, and delete tasks, as well as establish dependencies between them. It supports various editing methods, including drag-and-drop editing, in-cell editing, and an intuitive dialog interface.

Each editing method offers a unique set of features and benefits, allowing you to choose the most suitable approach for your application's requirements. Explore the following sections to learn more about the Gantt's editing capabilities.

In-Cell Editing

Edit task details directly within Gantt chart cells using spreadsheet-like functionality for fast and efficient updates.

Editing Dialog

Modify task details through a user-friendly dialog interface by clicking on tasks to access their attributes.

Adding Tasks

Add new tasks using toolbar buttons or context menu options for flexible workflow integration.

Drag-and-Drop Editing

Move tasks along the timeline, resize using edges, and adjust completion percentage through drag-and-drop interactions.

Creating Dependencies through Dragging

Establish task dependencies by dragging from one task's handle to another with validation and auto-scrolling support.

Suggested Links

• API Reference of the GanttComponent
• API Index of the Gantt