This sample showcases the selection feature in the Gantt Chart. It allows highlighting rows or cells.
This demo sample showcases the selection functionality in the Gantt Chart. The selection type can be configured using the selectionSettings.type property:
Single - Allows selection of a single row or cell.Multiple - Enables selection of multiple rows or cells using Ctrl + click.The selection mode is set using the selectionSettings.mode property: They are:
Row - Allows selection of entire rows.Cell - Allows selection of individual cells.Both - Enables selection of both rows and cells simultaneously.Toggle selection is supported through the selectionSettings.enableToggle property, which allows deselecting a selected item by clicking it again. The enableHover highlights the current row, header cell, and timeline cell on mouse hover, improving visual feedback during interaction.
Gantt component features are segregated into individual feature-wise modules. To use a selection feature, we need to inject the Selection into the Inject Services section.
More information on the Essential® React Gantt Chart can be found in this documentation section.