Blazor Tree Grid Example - Overview
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Common ID Press Enter to sort. Press Alt Down to open filter Menu | Employee ID Press Enter to sort. Press Alt Down to open filter Menu | Employee Name Press Enter to sort. Press Alt Down to open filter Menu | Gender Press Enter to sort. Press Alt Down to open filter Menu | Department Press Enter to sort. Press Alt Down to open filter Menu | Role Press Enter to sort. Press Alt Down to open filter Menu | Email Address Press Enter to sort. Press Alt Down to open filter Menu | Branch Press Enter to sort. Press Alt Down to open filter Menu | Working Status Press Enter to sort. Press Alt Down to open filter Menu | Joined Date Press Enter to sort. Press Alt Down to open filter Menu | Projects Press Enter to sort. Press Alt Down to open filter Menu | Achievement Progress Press Enter to sort. Press Alt Down to open filter Menu | Badges Press Alt Down to open filter Menu |
|---|
| No records to display |
This sample provides an overview of the Tree Grid, showcasing hierarchical data in a high-performance tabular view.
Hierarchical data is bound using IdMapping and ParentIdMapping. Row virtualization (EnableVirtualization) renders only visible rows for performance.
Additional features include filtering, sorting, and searching. Column templates display avatars, role badges, mail links, flags, status indicators, project chips, and a progress bar.
More information on Tree Grid features and configuration can be found in the documentation section.