Blazor Tree Grid Example - Frozen Columns
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Task ID Press Enter to sort. Press Alt Down to open filter Menu | Task Name Press Enter to sort. Press Alt Down to open filter Menu | Duration (In days) Press Enter to sort. Press Alt Down to open filter Menu | Start Date Press Enter to sort. Press Alt Down to open filter Menu | End Date Press Enter to sort. Press Alt Down to open filter Menu | Progress Press Enter to sort. Press Alt Down to open filter Menu | Priority Press Enter to sort. Press Alt Down to open filter Menu | Approved Press Enter to sort. Press Alt Down to open filter Menu |
|---|
| 1000 | Customer Portal Redesign | 90 | 1/5/2025 | 4/5/2025 | In Progress | Critical | |
| 1001 | Authentication & Login Flow | 27 | 1/10/2025 | 2/14/2025 | Open | Critical | |
| 1002 | Analysis of login flow | 5 | 1/10/2025 | 1/15/2025 | In Progress | Critical | |
| 1003 | Implement OAuth2/SSO | 7 | 1/11/2025 | 1/18/2025 | Open | High | |
| 1004 | Unit Tests for Login | 9 | 1/12/2025 | 1/21/2025 | In Progress | Critical | |
| 1005 | Error Handling for Failed Login | 6 | 1/13/2025 | 1/19/2025 | Open | High | |
| 1006 | User Profile Management | 21 | 1/15/2025 | 2/14/2025 | Open | High | |
| 1007 | Profile CRUD Operations | 5 | 1/15/2025 | 1/20/2025 | In Progress | Critical | |
| 1008 | Validation Rules | 7 | 1/16/2025 | 1/23/2025 | Open | High | |
| 1009 | Integration with DB | 9 | 1/17/2025 | 1/26/2025 | Open | High | |
| 1010 | Dashboard UI Layout | 21 | 1/20/2025 | 2/17/2025 | Open | High | |
| 1011 | Wireframe Design | 5 | 1/20/2025 | 1/25/2025 | In Progress | Critical | |
| 1012 | Frontend Implementation | 7 | 1/21/2025 | 1/28/2025 | Open | High | |
| 1013 | Accessibility Review | 9 | 1/22/2025 | 1/31/2025 | Open | High | |
| 1014 | Notification Center | 21 | 1/25/2025 | 2/26/2025 | Open | High | |
| 1015 | Email Alerts | 5 | 1/25/2025 | 1/30/2025 | In Progress | Critical | |
| 1016 | Push Notifications | 7 | 1/26/2025 | 2/2/2025 | Open | High | |
| 1017 | Error Logging | 9 | 1/27/2025 | 2/5/2025 | Open | High | |
| 1018 | Accessibility Compliance | 21 | 1/17/2025 | 2/12/2025 | Open | High | |
| 1019 | WCAG Audit | 5 | 1/17/2025 | 1/22/2025 | In Progress | Critical | |
| 1020 | Keyboard Navigation | 7 | 1/18/2025 | 1/25/2025 | Open | High | |
| 1021 | Screen Reader Support | 9 | 1/19/2025 | 1/28/2025 | Open | High | |
| 1022 | Mobile App v2 Development | 75 | 2/10/2025 | 4/26/2025 | In Progress | Critical | |
| 1023 | Push Notification Service | 21 | 2/15/2025 | 3/22/2025 | Open | High | |
| 1024 | Setup Firebase/APNS | 5 | 2/15/2025 | 2/20/2025 | In Progress | Critical | |
| 1025 | Integration Tests | 7 | 2/16/2025 | 2/23/2025 | Open | High | |
| 1026 | Retry Logic | 9 | 2/17/2025 | 2/26/2025 | Open | High | |
| 1027 | Offline Data Sync | 21 | 2/20/2025 | 3/22/2025 | Open | High | |
| 1028 | Local Storage Setup | 5 | 2/20/2025 | 2/25/2025 | In Progress | Critical | |
| 1029 | Conflict Resolution | 7 | 2/21/2025 | 2/28/2025 | Open | High | |
| 1030 | Sync Scheduler | 9 | 2/22/2025 | 3/3/2025 | Open | High | |
| 1031 | Payment Gateway Integration | 21 | 2/25/2025 | 3/25/2025 | Open | Critical | |
| 1032 | Integrate Stripe/PayPal | 5 | 2/25/2025 | 3/2/2025 | In Progress | Critical | |
| 1033 | Transaction Logging | 7 | 2/26/2025 | 3/5/2025 | Open | High | |
| 1034 | Fraud Detection | 9 | 2/27/2025 | 3/8/2025 | In Progress | Critical | |
| 1035 | App Security Enhancements | 21 | 3/2/2025 | 4/3/2025 | Open | Critical | |
| 1036 | Encryption Setup | 5 | 3/2/2025 | 3/7/2025 | In Progress | Critical | |
| 1037 | Penetration Testing | 7 | 3/3/2025 | 3/10/2025 | Open | High | |
| 1038 | Secure Storage | 9 | 3/4/2025 | 3/13/2025 | In Progress | Critical | |
| 1039 | Data Analytics Dashboard | 80 | 3/3/2025 | 5/22/2025 | In Progress | Critical | |
| 1040 | Chart Rendering Engine | 21 | 3/8/2025 | 4/12/2025 | Open | High | |
| 1041 | Implement ChartJS | 5 | 3/8/2025 | 3/13/2025 | In Progress | Critical | |
| 1042 | Performance Optimization | 7 | 3/9/2025 | 3/16/2025 | Open | High | |
| 1043 | Unit Tests | 9 | 3/10/2025 | 3/19/2025 | Open | High | |
| 1044 | Filter & Query Logic | 21 | 3/13/2025 | 4/12/2025 | Open | High | |
| 1045 | Dynamic Filters | 5 | 3/13/2025 | 3/18/2025 | In Progress | Critical | |
| 1046 | SQL Optimization | 7 | 3/14/2025 | 3/21/2025 | Open | High | |
| 1047 | Validation | 9 | 3/15/2025 | 3/24/2025 | Open | High | |
| 1048 | Export to Excel/PDF | 21 | 3/18/2025 | 4/15/2025 | Open | High |
This sample demonstrates frozen columns. Freezing keeps key columns fixed while horizontally scrolling to improve comparison across wide tables.
Configure freezing using the column Freeze property. Enable runtime repositioning of the freeze line by setting AllowFreezeLineMoving to true.
In this demo, Task ID is frozen left and Approved is frozen right while scrolling.
More information on frozen rows and columns can be found in the documentation section.