Selection

The Grid enables the user to select single or multiple cells and rows by utilizing the built-in selection logic or using the selection in controlled mode. It also provides default selection implementation from the getSelectedState utility function.

As a result, the Grid allows you to:

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

Using the Built-in State Management for Selection

To enable selection in the Grid using the built-in state management mechanism, follow these steps:

1. Enable the autoProcessData prop to allow the Grid to handle paging automatically.
2. Set the selectable option.
3. Optionally configure the defaultSelect value of the Grid to apply initial selection.

The following example demonstrates how to enable selection using the built-in state management of the KendoReact Grid.

Using Selection in Controlled Mode

To enable the selection in KendoReact Grid and use it in controlled mode, follow these steps:

1. Set the selectable option.
2. Optionally configure the select value of the Grid to have control over the select state.

The following example demonstrates how to use selection in controlled mode.

Single/Multiple Checkbox Selection

The Grid provides both checkbox and row-click selection options which can be applied to single or multiple records:

• Single row checkbox selection
• Multiple rows checkbox selection

Selection Aggregates

The Grid enables you to select single or multiple cells or rows and calculate different metrics based on the selected data. You can find more details about this functionality and how to use it in this help article.

Suggested Links

• Cell Selection
• Cell Range Selection
• Row Selection
• Single Row Checkbox Selection
• Multiple Rows Checkbox Selection
• Selection Aggregates
• API Reference of the Grid
• API Index of the Grid
• React Data Grid High-Level Overview