Grids
Example of Pager Dropdown in ASP.NET Core Tree Grid Control
This sample demonstrates the TreeGrid paging feature. In this sample, click the numeric items to navigate to another page. You can also change the page size using the dropdown.
Task ID | Task Name | Start Date | End Date | Duration | Progress | Priority |
|---|---|---|---|---|---|---|
| 1 | Planning | 3/2/2017 | 7/2/2017 | 5 | 100 | Normal |
| 2 | Plan timeline | 3/2/2017 | 7/2/2017 | 5 | 100 | Normal |
| 3 | Plan budget | 3/2/2017 | 7/2/2017 | 5 | 100 | Low |
| 4 | Allocate resources | 3/2/2017 | 7/2/2017 | 5 | 100 | Critical |
| 5 | Planning complete | 7/2/2017 | 7/2/2017 | 1 | 1 | Low |
| 6 | Design | 10/2/2017 | 2/14/2017 | 3 | 86 | High |
| 7 | Software Specification | 10/2/2017 | 2/12/2017 | 3 | 60 | Normal |
| 8 | Develop prototype | 10/2/2017 | 2/12/2017 | 3 | 100 | Critical |
| 9 | Get approval from customer | 2/13/2017 | 2/14/2017 | 2 | 100 | Low |
| 10 | Design complete | 2/14/2017 | 2/14/2017 | 1 | 1 | Normal |
Items per page
Paging allows you to display the contents of the TreeGrid in page segments. By default, paging is disabled. To enable paging,
set
allowPaging
property to true.
pageSettings->pageSizes
property enables a dropdown in pager which allows you to change the number of records in the TreeGrid dynamically.
More information on the data binding can be found in this documentation section.