This sample showcases the selection feature in the JavaScript Gantt Chart. It allows highlighting rows or cells.
|
Enable Hover
|
|
Selection Mode
|
|
|
|
Selection Type
|
|
|
|
Toggle Selection
|
|
|
|
|
In this demo sample, the selection functionality in the JavaScript 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. More information on the Essential® JS2 Gantt Chart can be found in this documentation section.