Blazor Tree Grid Example - Reorder
Employee ID Press Enter to sort. Press Alt Down to open filter Menu | Full Name Press Enter to sort. Press Alt Down to open filter Menu | Designation Press Enter to sort. Press Alt Down to open filter Menu | Joined Date Press Enter to sort. Press Alt Down to open filter Menu | Country Press Enter to sort. Press Alt Down to open filter Menu | Availability Press Enter to sort. Press Alt Down to open filter Menu | Email Press Enter to sort. Press Alt Down to open filter Menu |
|---|
| EMP001 | Harper Lewis | Chief Executive Officer | 20/10/2003 | New York, USA | Yes | |
| EMP002 | Mia Lewis | VP Engineering | 13/03/2008 | Los Angeles, CA | No | |
| EMP003 | William Carter | VP Marketing | 21/01/2014 | San Francisco, CA | No | |
| EMP004 | Amelia Harris | VP Sales | 03/08/2001 | Seattle, WA | Yes | |
| EMP005 | Ava Brown | Chief of Staff | 05/02/2013 | Seattle, WA | No | |
| EMP006 | Noah Martin | Chief Technology Officer | 21/02/2007 | Seattle, WA | Yes | |
| EMP007 | Mia Carter | Lead Developer | 20/01/2000 | San Francisco, CA | Yes | |
| EMP008 | Emma Carter | Senior Architect | 16/07/2004 | Seattle, WA | Yes | |
| EMP009 | Liam Taylor | DevOps Manager | 07/03/2015 | London, UK | Yes | |
| EMP010 | Amelia Davis | QA Lead | 19/02/2007 | Los Angeles, CA | Yes |
This sample demonstrates the reordering functionality in Tree Grid. Columns can be rearranged by dragging and dropping the headers.
Column reordering allows changing the sequence of columns to suit preferences, and it is enabled by setting the AllowReordering property to true.
In this demo, columns can be reordered by dragging and dropping the column header from one index to another. This feature allows you to dynamically rearrange the column layout, providing flexibility in how data is presented in the Tree Grid.
More information about column reordering can be found in this documentation section.