• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Paging API in ASP.NET Core Tree Grid Control

This sample demonstrates the usage of paging API in TreeGrid. In this sample, use the properties panel to change the page size mode, page size, page count and current page of the TreeGrid.

DEMO
SOURCE
Allow Paging
Page Size Mode
Page Size
Page Count
Current Page

Paging allows you to display the contents of the TreeGrid in page segments. The number of items on a page is determined by the pageSettings->pageSize property. If no value is specified for the pageSettings->pageSize property, the TreeGrid will display 12 items on a page. By default, paging is disabled. To enable paging, set allowPaging property to true.

In this demo,

  • Click the Allow Paging check box to enable/disable paging feature.
  • Change the value of Page Size Mode Dropdown to change pageSettings->pageSizeMode.
  • Change the value of Page Size textbox to change pageSettings->pageSize.
  • Change the value of Page Count textbox to change pageSettings->pageCount.
  • Change the value of Current Page textbox to change pageSettings->currentPage.

More information on the paging configuration can be found in this documentation section.

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab