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

Rows in Tree Grid represents each task or data object information from the data source. It supports expanding/collapsing child rows, reordering of rows, indent/outdent rows to change its hierarchy levels and much more features.


Expand and collapse parent rows

Users can expand and collapse parent rows at any time to view information when needed. All the rows or only specific rows can be collapsed programmatically at initial rendering.

Row expand or collapse in React TreeGrid.


Row drag and drop in React TreeGrid.

Row reordering

Rows can be reordered by drag and drop action to change its position and hierarchy levels. A child row from a parent row can be reordered as sibling to the same parent row or as child to any other parent row.


Row template and detail template

Users can create custom UI for row elements in the table of a TreeGrid. Alternatively, additional information about a data row can also be displayed beneath each row.


85+ REACT UI COMPONENTS

Scroll up icon