Syncfusion Feedback


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

Row selection

The React Tree Grid allows you to select a range of rows or a single row by just clicking or tapping the row. To perform multi-selection, press and hold CTRL or SHIFT to select the desired row or range of rows.

Cell selection

A range of cells can be selected by dragging the pointer over cells. Also, press and hold CTRL or SHIFT while clicking a cell to select the desired cell or range of cells

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

Checkbox selection

Users can select multiple Tree Grid records with the help of a checkbox in each row. The selection persists even after performing any action in the Tree Grid. It also provides an option to select or deselect all the rows in a Tree Grid using a checkbox in the corresponding column header.

Discover Syncfusion’s Complete React Component Ecosystem

Explore over 145+ React UI components featuring established, production-ready controls and the latest pure React components built natively for modern web app development.

  • React Components
  • Pure React Components
Scroll up icon