Example of Split Tasks in React Gantt Component

/
/
SplitTasks

This sample demonstrates the split tasks support in the Gantt Chart. This support allows an interruption in the task due to circumstances such as the occurrence of an unplanned event or reprioritization of already planned events. Sometimes a task may be interrupted due to unexpected situations. In such situtations, the pending work can be split into segments and the work can be resumed at a different date.

More Details...

1
Project Schedule
2/5/20243/5/202422 days78
2
Planning
2/5/20242/20/202412 days75
3
Plan timeline
2/5/20242/20/202410 days60
4
Plan budget
2/5/20242/16/202410 days90
5
Allocate resources
2/5/20242/19/202410 days75
6
Planning complete
2/20/20242/20/20240 days03FS,5FS
7
Design
2/21/20243/5/202410 days85
8
Software Specification
2/21/20242/27/20245 days606FS
9
Develop prototype
2/21/20242/28/20245 days1006FS
10
Get approval from customer
2/29/20243/5/20244 days1009FS
11
Design complete
3/5/20243/5/20240 days010FS
Project Schedule
78%
Planning
75%
Plan timeline
60%
Plan budget
90%
Allocate resources
75%
Planning complete
Design
85%
Software Specification
60%
Develop prototype
100%
Get approval from customer
100%
Design complete
Description

The split tasks can be called the segments of a task. A task can be split into any number of segments with a minimum of one time unit cell. Segments can be defined in the taskFields.segments property. Segments can be created or merged by two ways: Using Edit Dialog and Context Menu.

A task must have a duration of minimum two time unit cells in order to be split. Similarly, milestone tasks or parent tasks cannot be split into segments.