RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://www.telerik.com/kendo-react-ui/components/grid/selection below:

React Data Grid Select Modes Overview

New to KendoReact? Learn about KendoReact Free. 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

Change Theme

Theme

Loading ...

Using the Built-in State Management for Selection

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

Enable the autoProcessData prop to allow the Grid to handle paging automatically.
Set the selectable option.
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.

Change Theme

Theme

Loading ...

Using Selection in Controlled Mode

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

Set the selectable option.
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.

Change Theme

Theme

Loading ...

Single/Multiple Checkbox Selection

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

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.