New to Telerik UI for Blazor? Download Free 30-day trial
TreeList - Sorting
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
meridian
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 | Daryl Sweeney | 67 | 3.2 | 2/8/2012 12:00:00 AM |
| 4 | Nevada Hart | 62 | 4.1 | 8/17/2015 12:00:00 AM |
| 12 | Zena Sanford | 66 | 4.4 | 12/1/2010 12:00:00 AM |
| 13 | Quinlan Howe | 70 | 3.3 | 6/9/2011 12:00:00 AM |
| 5 | Hunter Fry | 56 | 3.6 | 2/12/2011 12:00:00 AM |
| 6 | Anika Vega | 36 | 4.8 | 2/25/2010 12:00:00 AM |
| 14 | Ali Guy | 46 | 4.6 | 6/29/2014 12:00:00 AM |
| 15 | Amos Barr | 38 | 3.1 | 3/9/2010 12:00:00 AM |
| 2 | Guy Wooten | 65 | 4.5 | 3/4/2010 12:00:00 AM |
| 7 | Ursula Holmes | 37 | 3.9 | 6/6/2011 12:00:00 AM |
Page
of 3
1 - 10 of 23 itemsTreeList with sorting enabled for multiple columns.
| Id | Name | Age | Graduate Grade | HireDate |
|---|
| 1 | Daryl Sweeney | 67 | 3.2 | 2/8/2012 12:00:00 AM |
| 4 | Nevada Hart | 62 | 4.1 | 8/17/2015 12:00:00 AM |
| 12 | Zena Sanford | 66 | 4.4 | 12/1/2010 12:00:00 AM |
| 13 | Quinlan Howe | 70 | 3.3 | 6/9/2011 12:00:00 AM |
| 5 | Hunter Fry | 56 | 3.6 | 2/12/2011 12:00:00 AM |
| 6 | Anika Vega | 36 | 4.8 | 2/25/2010 12:00:00 AM |
| 14 | Ali Guy | 46 | 4.6 | 6/29/2014 12:00:00 AM |
| 15 | Amos Barr | 38 | 3.1 | 3/9/2010 12:00:00 AM |
| 2 | Guy Wooten | 65 | 4.5 | 3/4/2010 12:00:00 AM |
| 7 | Ursula Holmes | 37 | 3.9 | 6/6/2011 12:00:00 AM |
Page
of 3
1 - 10 of 23 items- Sorting.razor
Loading the demo source code...please wait.