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 | 14 | 4 | 9/15/2025 12:00:00 AM |
| 20 | Item 1:20 | 9 | 3 | 9/22/2025 12:00:00 AM |
| 28 | Item 1:28 | 41 | 3 | 9/3/2025 12:00:00 AM |
| 32 | Item 1:32 | 1 | 3 | 10/9/2025 12:00:00 AM |
| 33 | Item 1:33 | 48 | 4 | 9/3/2025 12:00:00 AM |
| 44 | Item 1:44 | 30 | 3 | 9/17/2025 12:00:00 AM |
| 51 | Item 1:51 | 39 | 6 | 9/26/2025 12:00:00 AM |
| 61 | Item 1:61 | 27 | 4 | 10/3/2025 12:00:00 AM |
| 63 | Item 1:63 | 25 | 6 | 9/4/2025 12:00:00 AM |
| 95 | Item 1:95 | 42 | 6 | 10/11/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 | 14 | 4 | 9/15/2025 12:00:00 AM |
| 20 | Item 1:20 | 9 | 3 | 9/22/2025 12:00:00 AM |
| 28 | Item 1:28 | 41 | 3 | 9/3/2025 12:00:00 AM |
| 32 | Item 1:32 | 1 | 3 | 10/9/2025 12:00:00 AM |
| 33 | Item 1:33 | 48 | 4 | 9/3/2025 12:00:00 AM |
| 44 | Item 1:44 | 30 | 3 | 9/17/2025 12:00:00 AM |
| 51 | Item 1:51 | 39 | 6 | 9/26/2025 12:00:00 AM |
| 61 | Item 1:61 | 27 | 4 | 10/3/2025 12:00:00 AM |
| 63 | Item 1:63 | 25 | 6 | 9/4/2025 12:00:00 AM |
| 95 | Item 1:95 | 42 | 6 | 10/11/2025 12:00:00 AM |
Page
of 10
1 - 10 of 99 items- Sorting.razor
Loading the demo source code...please wait.