New to Telerik UI for Blazor? Download Free 30-day trial
TreeList - Column Resizing
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
Auto Fit Columns
| ID | First Name (non-resizable) | Last Name | Hire Date |
|---|
| 1 | Daryl | Sweeney | 2/7/2012 8:00:00 PM |
| 2 | Guy | Wooten | 3/3/2010 8:00:00 PM |
| 31 | Buffy | Weber | 7/11/2011 6:00:00 PM |
| 51 | Skyler | Cleveland | 11/10/2014 12:00:00 AM |
| 3 | Priscilla | Frank | 11/30/2014 12:00:00 AM |
| 4 | Ursula | Holmes | 6/6/2011 12:00:00 AM |
| 24 | Melvin | Carrillo | 7/21/2014 12:00:00 AM |
| 28 | Martha | Chavez | 3/12/2013 12:00:00 AM |
| 29 | Oren | Fox | 5/14/2013 12:00:00 AM |
| 40 | Amos | Barr | 3/9/2010 12:00:00 AM |
- Column-resizing.razor
- EmployeeDirectoryService.cs
- EmployeeDirectoryDto.cs
Description
The Telerik Tree Grid component for Blazor allows you to resize its columns in order to align the column width to the content in the way you prefer.
To start resizing, drag the border of the header of the TreeList column and drop it to a new location.
When you double click the resize border in the header of the treelist, the column will automaically fit its width to the contents of its data and header.
You can also restrict resizing below or above a certain point through the MinResizableWidth and MaxResizableWidth, parameters.
You can let the users resize the treelist columns by setting the Resizable parameter to true.
If you would like to prevent resizing for a particular column, you can set the Resizable parameter of that particular column to false.