React React Tree Grid Selection

Overview

The React Tree Grid allows selecting rows or cells. One or more rows or cells can also be selected by holding Ctrl or Command or Shift, or programmatically.

Select multiple rows in the React Tree Grid.

Row selection

Select a single row or multiple rows through click or tap interaction, with Ctrl and Shift supporting multi-row selection. Row selection is suitable for Tree Grids that require one or more records to be selected for further actions.

Cell selection

Select individual cells or cell ranges by dragging across cells or using Ctrl and Shift during selection. Cell selection is suitable for working with specific data areas across one or more rows and columns.

Select rows using checkbox column in the React Tree Grid control.

Checkbox selection

Select multiple records using checkboxes displayed in each row, with a header checkbox for selecting or deselecting all rows. Checkbox selection is suitable for Tree Grids that require persistent multi-record selection across supported operations.

Explore all Syncfusion React components

Explore over 140+ React UI components featuring established, and production-ready controls built for modern web app development.

Scroll up icon
Syncfusion Feedback