# 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`](https://www.telerik.com/kendo-react-ui/components/gantt/api/ganttprops#selectable) option.
2. Use the [`onSelectionChange`](https://www.telerik.com/kendo-react-ui/components/gantt/api/ganttselectionchangeevent) event.
3. Optionally use the [`getSelectedState`](https://www.telerik.com/kendo-react-ui/components/datatools/api/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.

[Demo Source](https://demos.telerik.com/kendo-react-ui/gantt/selection-basic/func/source.txt)

## Suggested Links

* [React Gantt](https://www.telerik.com/kendo-react-ui/components/gantt)