This sample showcases the undo-redo functionality in the Gantt Chart, allowing users to revert or reapply their recent actions such as task edits, additions, and deletions.
ID | Name | Start Date | End Date | Duration | Progress | Dependency |
---|---|---|---|---|---|---|
1 | Project planning | 7/1/2025 | 7/7/2025 | 5 days | 20 | |
2 | Requirement analysis | 7/1/2025 | 7/2/2025 | 2 days | 50 | |
3 | Feasibility study | 7/3/2025 | 7/4/2025 | 2 days | 0 | 2FS |
4 | Approval | 7/7/2025 | 7/7/2025 | 1 day | 0 | 3FS |
5 | Design phase | 7/4/2025 | 7/14/2025 | 7 days | 17 | |
6 | UI design | 7/4/2025 | 7/8/2025 | 3 days | 40 | |
7 | UX design | 7/9/2025 | 7/10/2025 | 2 days | 0 | 6FS |
8 | Design review | 7/11/2025 | 7/11/2025 | 1 day | 0 | 7FS |
9 | Design finalization | 7/14/2025 | 7/14/2025 | 1 day | 0 | 8FS |
10 | Development phase | 7/14/2025 | 8/1/2025 | 15 days | 10 | |
11 | Frontend development | 7/14/2025 | 7/18/2025 | 5 days | 30 | |
12 | Backend development | 7/21/2025 | 7/25/2025 | 5 days | 0 | 11FS |
13 | API integration | 7/28/2025 | 7/30/2025 | 3 days | 0 | 12FS |
14 | Unit testing | 7/31/2025 | 8/1/2025 | 2 days | 0 | 13FS |
15 | Development complete | 8/1/2025 | 8/1/2025 | 0 days | 0 | 14FS |
16 | Testing phase | 8/4/2025 | 8/12/2025 | 7 days | 8 | |
17 | System testing | 8/4/2025 | 8/6/2025 | 3 days | 20 | |
18 | Bug fixing | 8/7/2025 | 8/8/2025 | 2 days | 0 | 17FS |
19 | Regression testing | 8/11/2025 | 8/12/2025 | 2 days | 0 | 18FS |
20 | Testing complete | 8/12/2025 | 8/12/2025 | 0 days | 0 | 19FS |
21 | Deployment phase | 8/13/2025 | 8/18/2025 | 4 days | 5 | |
22 | Deployment preparation | 8/13/2025 | 8/14/2025 | 2 days | 10 | |
23 | Production deployment | 8/15/2025 | 8/15/2025 | 1 day | 0 | 22FS |
24 | Post deployment testing | 8/18/2025 | 8/18/2025 | 1 day | 0 | 23FS |
25 | Deployment complete | 8/18/2025 | 8/18/2025 | 0 days | 0 | 24FS |
26 | Project closure | 8/18/2025 | 8/21/2025 | 4 days | 0 | |
27 | Documentation | 8/18/2025 | 8/19/2025 | 2 days | 0 | |
28 | Client handover | 8/20/2025 | 8/20/2025 | 1 day | 0 | 27FS |
29 | Feedback collection | 8/21/2025 | 8/21/2025 | 1 day | 0 | 28FS |
30 | Closure complete | 8/21/2025 | 8/21/2025 | 0 days | 0 | 29FS |
Jun 24, 2025 | Jun 29, 2025 | Jul 06, 2025 | Jul 13, 2025 | Jul 20, 2025 | Jul 27, 2025 | Aug 03, 2025 | Aug 10, 2025 | Aug 17, 2025 | Aug 24, 2025 |
---|
T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S |
---|
The undo feature lets users reverse the most recent changes made to tasks, dependencies, columns, or timeline settings. The redo feature restores actions that were previously undone. Both can be triggered using keyboard shortcuts (Ctrl + Z
for Undo, Ctrl + Y
for Redo) or via toolbar buttons.
You can configure which actions are tracked using the undoRedoActions property. Supported actions include:
Edit
, Add
, Delete
, Sorting
, ColumnReorder
, ColumnResize
, Search
, Filtering
, ZoomIn
, ZoomOut
, ZoomToFit
, ColumnState
, Indent
, Outdent
, RowDragAndDrop
, TaskbarDragAndDrop
, PreviousTimeSpan
, and NextTimeSpan
The number of undo-redo steps stored can be controlled using the undoRedoStepsCount
property, which defaults to 10.
In this demo, the undo-redo feature is enabled by setting
enableUndoRedo to true
More information on the Essential® React Gantt Chart can be found in this documentation section.