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 | 2/14/2026 12:00:00 AM |
| 28 | Item 1:28 | 46 | 3 | 2/15/2026 12:00:00 AM |
| 35 | Item 1:35 | 49 | 6 | 2/16/2026 12:00:00 AM |
| 42 | Item 1:42 | 15 | 5 | 1/24/2026 12:00:00 AM |
| 45 | Item 1:45 | 34 | 4 | 1/27/2026 12:00:00 AM |
| 52 | Item 1:52 | 17 | 3 | 2/24/2026 12:00:00 AM |
| 61 | Item 1:61 | 43 | 4 | 2/24/2026 12:00:00 AM |
| 62 | Item 1:62 | 42 | 5 | 2/16/2026 12:00:00 AM |
| 71 | Item 1:71 | 21 | 6 | 1/22/2026 12:00:00 AM |
| 89 | Item 1:89 | 35 | 4 | 2/16/2026 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 | 2/14/2026 12:00:00 AM |
| 28 | Item 1:28 | 46 | 3 | 2/15/2026 12:00:00 AM |
| 35 | Item 1:35 | 49 | 6 | 2/16/2026 12:00:00 AM |
| 42 | Item 1:42 | 15 | 5 | 1/24/2026 12:00:00 AM |
| 45 | Item 1:45 | 34 | 4 | 1/27/2026 12:00:00 AM |
| 52 | Item 1:52 | 17 | 3 | 2/24/2026 12:00:00 AM |
| 61 | Item 1:61 | 43 | 4 | 2/24/2026 12:00:00 AM |
| 62 | Item 1:62 | 42 | 5 | 2/16/2026 12:00:00 AM |
| 71 | Item 1:71 | 21 | 6 | 1/22/2026 12:00:00 AM |
| 89 | Item 1:89 | 35 | 4 | 2/16/2026 12:00:00 AM |
Page
of 10
1 - 10 of 99 items- Sorting.razor
Loading the demo source code...please wait.