Selection

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

Getting Started

The Grid selection can be enabled by:

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

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 ...

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