New to Telerik UI for Blazor? Download Free 30-day trial
TreeList - Sorting
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
The second treelist allows sorting by multiple fields. For example, try sorting on the "Graduate Grade" column, then by the "Age " column to see the difference in behavior with single-column sorting.
TreeList with sorting enabled for a single column.
| Id | Name | Age | Graduate Grade | HireDate |
|---|
| 1 | Item 1 | 43 | 4 | 10/10/2025 12:00:00 AM |
| 14 | Item 1:14 | 43 | 5 | 9/6/2025 12:00:00 AM |
| 17 | Item 1:17 | 12 | 4 | 9/8/2025 12:00:00 AM |
| 18 | Item 1:18 | 32 | 5 | 9/25/2025 12:00:00 AM |
| 19 | Item 1:19 | 32 | 6 | 9/27/2025 12:00:00 AM |
| 22 | Item 1:22 | 28 | 5 | 9/25/2025 12:00:00 AM |
| 45 | Item 1:45 | 38 | 4 | 9/18/2025 12:00:00 AM |
| 50 | Item 1:50 | 1 | 5 | 9/29/2025 12:00:00 AM |
| 55 | Item 1:55 | 21 | 6 | 10/2/2025 12:00:00 AM |
| 57 | Item 1:57 | 33 | 4 | 9/30/2025 12:00:00 AM |
Page
of 10
1 - 10 of 99 itemsTreeList with sorting enabled for multiple columns.
| Id | Name | Age | Graduate Grade | HireDate |
|---|
| 1 | Item 1 | 43 | 4 | 10/10/2025 12:00:00 AM |
| 14 | Item 1:14 | 43 | 5 | 9/6/2025 12:00:00 AM |
| 17 | Item 1:17 | 12 | 4 | 9/8/2025 12:00:00 AM |
| 18 | Item 1:18 | 32 | 5 | 9/25/2025 12:00:00 AM |
| 19 | Item 1:19 | 32 | 6 | 9/27/2025 12:00:00 AM |
| 22 | Item 1:22 | 28 | 5 | 9/25/2025 12:00:00 AM |
| 45 | Item 1:45 | 38 | 4 | 9/18/2025 12:00:00 AM |
| 50 | Item 1:50 | 1 | 5 | 9/29/2025 12:00:00 AM |
| 55 | Item 1:55 | 21 | 6 | 10/2/2025 12:00:00 AM |
| 57 | Item 1:57 | 33 | 4 | 9/30/2025 12:00:00 AM |
Page
of 10
1 - 10 of 99 items- Sorting.razor
Loading the demo source code...please wait.