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 | 32 | 4 | 9/22/2025 12:00:00 AM |
13 | Item 1:13 | 35 | 4 | 9/17/2025 12:00:00 AM |
24 | Item 1:24 | 25 | 3 | 9/10/2025 12:00:00 AM |
39 | Item 1:39 | 45 | 6 | 9/3/2025 12:00:00 AM |
40 | Item 1:40 | 16 | 3 | 9/19/2025 12:00:00 AM |
46 | Item 1:46 | 36 | 5 | 10/12/2025 12:00:00 AM |
51 | Item 1:51 | 31 | 6 | 9/11/2025 12:00:00 AM |
55 | Item 1:55 | 17 | 6 | 9/12/2025 12:00:00 AM |
73 | Item 1:73 | 38 | 4 | 9/4/2025 12:00:00 AM |
77 | Item 1:77 | 47 | 4 | 9/27/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 | 32 | 4 | 9/22/2025 12:00:00 AM |
13 | Item 1:13 | 35 | 4 | 9/17/2025 12:00:00 AM |
24 | Item 1:24 | 25 | 3 | 9/10/2025 12:00:00 AM |
39 | Item 1:39 | 45 | 6 | 9/3/2025 12:00:00 AM |
40 | Item 1:40 | 16 | 3 | 9/19/2025 12:00:00 AM |
46 | Item 1:46 | 36 | 5 | 10/12/2025 12:00:00 AM |
51 | Item 1:51 | 31 | 6 | 9/11/2025 12:00:00 AM |
55 | Item 1:55 | 17 | 6 | 9/12/2025 12:00:00 AM |
73 | Item 1:73 | 38 | 4 | 9/4/2025 12:00:00 AM |
77 | Item 1:77 | 47 | 4 | 9/27/2025 12:00:00 AM |
Page
of 10
1 - 10 of 99 items- Sorting.razor
Loading the demo source code...please wait.