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 | 29 | 4 | 5/23/2025 12:00:00 AM |
| 9 | Item 1:9 | 32 | 4 | 6/25/2025 12:00:00 AM |
| 10 | Item 1:10 | 30 | 5 | 6/17/2025 12:00:00 AM |
| 13 | Item 1:13 | 17 | 4 | 6/26/2025 12:00:00 AM |
| 24 | Item 1:24 | 7 | 3 | 5/31/2025 12:00:00 AM |
| 26 | Item 1:26 | 1 | 5 | 6/8/2025 12:00:00 AM |
| 35 | Item 1:35 | 33 | 6 | 5/31/2025 12:00:00 AM |
| 36 | Item 1:36 | 30 | 3 | 6/6/2025 12:00:00 AM |
| 39 | Item 1:39 | 30 | 6 | 6/25/2025 12:00:00 AM |
| 53 | Item 1:53 | 44 | 4 | 6/10/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 | 29 | 4 | 5/23/2025 12:00:00 AM |
| 9 | Item 1:9 | 32 | 4 | 6/25/2025 12:00:00 AM |
| 10 | Item 1:10 | 30 | 5 | 6/17/2025 12:00:00 AM |
| 13 | Item 1:13 | 17 | 4 | 6/26/2025 12:00:00 AM |
| 24 | Item 1:24 | 7 | 3 | 5/31/2025 12:00:00 AM |
| 26 | Item 1:26 | 1 | 5 | 6/8/2025 12:00:00 AM |
| 35 | Item 1:35 | 33 | 6 | 5/31/2025 12:00:00 AM |
| 36 | Item 1:36 | 30 | 3 | 6/6/2025 12:00:00 AM |
| 39 | Item 1:39 | 30 | 6 | 6/25/2025 12:00:00 AM |
| 53 | Item 1:53 | 44 | 4 | 6/10/2025 12:00:00 AM |
Page
of 10
1 - 10 of 99 items- Sorting.razor
Loading the demo source code...please wait.