Blazor Tree Grid Example - Paging
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
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 | 21 | $7.00 |
| 4502 | Olive Oil | Edible | 1/11/2025 | 1/16/2025 | No | 23 | $10.00 |
| 4503 | Lead glassware | Crystals | 1/14/2025 | 1/20/2025 | No | 25 | $13.00 |
| 4504 | Spinach | Fresh Vegetables | 1/17/2025 | 1/24/2025 | Yes | 27 | $16.00 |
Order 2 | |||||||
| 4506 | Sweet corn | Edible | 1/15/2025 | 1/20/2025 | No | 22 | $9.00 |
| 4507 | Glass beads | Crystals | 1/18/2025 | 1/24/2025 | No | 24 | $12.00 |
| 4508 | Lettuce | Fresh Vegetables | 1/21/2025 | 1/28/2025 | Yes | 26 | $15.00 |
| 4509 | Mustard Greens | Leafy Greens | 1/24/2025 | 2/1/2025 | Yes | 28 | $18.00 |
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 by default, as PageSizeMode.Root.
More information on paging can be found in the documentation section.