New to Telerik UI for Blazor? Download Free 30-day trial

TreeList - Column Resizing


Auto Fit Columns

1 - 10 of 99 items
  • Column-resizing.razor
  • EmployeeDirectoryService.cs
  • EmployeeDirectoryDto.cs
Loading the demo source code...please wait.

Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming


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.

This Blazor TreeList Column Resizing example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.