Blazor Tree Grid Example - Drag and Drop within Tree Grid
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 | Priority Press Enter to sort. Press Alt Down to open filter Menu |
|---|
| 1000 | Customer Portal Redesign | 90 | 1/5/2025 | 4/5/2025 | Critical | |
| 1001 | Authentication & Login Flow | 27 | 1/10/2025 | 2/14/2025 | Critical | |
| 1002 | Analysis of login flow | 5 | 1/10/2025 | 1/15/2025 | Critical | |
| 1003 | Implement OAuth2/SSO | 7 | 1/11/2025 | 1/18/2025 | High | |
| 1004 | Unit Tests for Login | 9 | 1/12/2025 | 1/21/2025 | Critical | |
| 1005 | Error Handling for Failed Login | 6 | 1/13/2025 | 1/19/2025 | High | |
| 1006 | User Profile Management | 21 | 1/15/2025 | 2/14/2025 | High | |
| 1007 | Profile CRUD Operations | 5 | 1/15/2025 | 1/20/2025 | Critical | |
| 1008 | Validation Rules | 7 | 1/16/2025 | 1/23/2025 | High | |
| 1009 | Integration with DB | 9 | 1/17/2025 | 1/26/2025 | High | |
| 1010 | Dashboard UI Layout | 21 | 1/20/2025 | 2/17/2025 | High | |
| 1011 | Wireframe Design | 5 | 1/20/2025 | 1/25/2025 | Critical | |
| 1012 | Frontend Implementation | 7 | 1/21/2025 | 1/28/2025 | High | |
| 1013 | Accessibility Review | 9 | 1/22/2025 | 1/31/2025 | High | |
| 1014 | Notification Center | 21 | 1/25/2025 | 2/26/2025 | High | |
| 1015 | Email Alerts | 5 | 1/25/2025 | 1/30/2025 | Critical | |
| 1016 | Push Notifications | 7 | 1/26/2025 | 2/2/2025 | High | |
| 1017 | Error Logging | 9 | 1/27/2025 | 2/5/2025 | High | |
| 1018 | Accessibility Compliance | 21 | 1/17/2025 | 2/12/2025 | High | |
| 1019 | WCAG Audit | 5 | 1/17/2025 | 1/22/2025 | Critical | |
| 1020 | Keyboard Navigation | 7 | 1/18/2025 | 1/25/2025 | High | |
| 1021 | Screen Reader Support | 9 | 1/19/2025 | 1/28/2025 | High | |
| 1022 | Mobile App v2 Development | 75 | 2/10/2025 | 4/26/2025 | Critical | |
| 1023 | Push Notification Service | 21 | 2/15/2025 | 3/22/2025 | High | |
| 1024 | Setup Firebase/APNS | 5 | 2/15/2025 | 2/20/2025 | Critical | |
| 1025 | Integration Tests | 7 | 2/16/2025 | 2/23/2025 | High | |
| 1026 | Retry Logic | 9 | 2/17/2025 | 2/26/2025 | High | |
| 1027 | Offline Data Sync | 21 | 2/20/2025 | 3/22/2025 | High | |
| 1028 | Local Storage Setup | 5 | 2/20/2025 | 2/25/2025 | Critical | |
| 1029 | Conflict Resolution | 7 | 2/21/2025 | 2/28/2025 | High | |
| 1030 | Sync Scheduler | 9 | 2/22/2025 | 3/3/2025 | High | |
| 1031 | Payment Gateway Integration | 21 | 2/25/2025 | 3/25/2025 | Critical | |
| 1032 | Integrate Stripe/PayPal | 5 | 2/25/2025 | 3/2/2025 | Critical | |
| 1033 | Transaction Logging | 7 | 2/26/2025 | 3/5/2025 | High | |
| 1034 | Fraud Detection | 9 | 2/27/2025 | 3/8/2025 | Critical | |
| 1035 | App Security Enhancements | 21 | 3/2/2025 | 4/3/2025 | Critical | |
| 1036 | Encryption Setup | 5 | 3/2/2025 | 3/7/2025 | Critical | |
| 1037 | Penetration Testing | 7 | 3/3/2025 | 3/10/2025 | High | |
| 1038 | Secure Storage | 9 | 3/4/2025 | 3/13/2025 | Critical | |
| 1039 | Data Analytics Dashboard | 80 | 3/3/2025 | 5/22/2025 | Critical |
This sample demonstrates row drag-and-drop within a single Tree Grid, allowing records to be reordered and hierarchy restructured by dragging a row handle to move items above, below, top, bottom, or as a child of another row.
Enable row drag-and-drop by setting AllowRowDragAndDrop to true. In this demo, the tree column is Task Name; use its drag handle to drop items in valid targets without changing cell values.
More information on drag-and-drop can be found in the documentation section.