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.
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.