Blazor Tree Grid Example - Paging
Ship ID Press Enter to sort | Orders Press Enter to sort | Category Press Enter to sort | Ordered Date Press Enter to sort | Shipped Date Press Enter to sort | Order Reached Press Enter to sort | Units Press Enter to sort | Unit Price Press Enter to sort |
|---|
Order 1 | |||||||
| 4501 | Milk | Dairy | 1/8/2025 | 1/12/2025 | No | 27 | $7.00 |
| 4502 | Olive Oil | Edible | 1/11/2025 | 1/16/2025 | No | 25 | $8.00 |
| 4503 | Lead glassware | Crystals | 1/14/2025 | 1/18/2025 | No | 27 | $15.00 |
| 4504 | Spinach | Fresh Vegetables | 1/17/2025 | 1/22/2025 | No | 28 | $9.00 |
Order 2 | |||||||
| 4506 | Sweet corn | Edible | 1/15/2025 | 1/21/2025 | No | 25 | $11.00 |
| 4507 | Glass beads | Crystals | 1/18/2025 | 1/21/2025 | No | 22 | $15.00 |
| 4508 | Lettuce | Fresh Vegetables | 1/21/2025 | 1/27/2025 | No | 28 | $16.00 |
| 4509 | Mustard Greens | Leafy Greens | 1/24/2025 | 2/3/2025 | Yes | 21 | $6.00 |
Items per page
This sample demonstrates paging, enabling segmented navigation of hierarchical records with numeric pager items and adjustable page sizes.
Enable paging by setting AllowPaging to true. This demo sets PageCount to 5, PageSize to 2, and provides a page-size dropdown via PageSizes. Paging operates at the root level with PageSizeMode = Root.
Learn more in the paging documentation.