Selection

The Gantt enables the user to select single or multiple cells and rows. It also provides default selection implementation from the getSelectedState utility function.

Getting Started

The Gantt selection can be enabled by:

  1. Set the selectable option.
  2. Use the onSelectionChange event.
  3. Optionally use the getSelectedState utility function for default selection behavior.

As a result, the Gantt allows you to:

  • Select single cell or row
  • Select multiple cells or rows
  • Select range of cells or rows by dragging

The selectedField option represents a field inside the data collection which determines the rows that will render as selected.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?