We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback


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.


85+ REACT UI COMPONENTS

Scroll up icon