Overview

Display hierarchical data in pages using the built-in pager with configurable paging options. Paging is suitable for datasets that require records to be divided into smaller sections for navigation.


Page Size modes

Control page calculation based on either the total record count or the root-level record count. Paging modes are suitable for hierarchical datasets that require different record-counting behavior across pages.

React Tree Grid with page size mode as Root.


React Tree Grid change the page size using a drop-down.

Page size drop-down

Change the number of records displayed per page using the page-size selector. Page-size options are suitable for applications that require configurable record counts in the current page.


On-demand paging

The pager UI of the Tree Grid requests data on-demand from a remote data source when navigating to another page. Pager properties customize the pager interface.


React Tree Grid customized pager UI.

Customizable pager UI

Load the required page data during navigation and configure the pager through supported properties. Pager customization is suitable for applications that require specific paging controls or on-demand data retrieval.


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