We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback


Columns define the schema of data source in Blazor Tree Grid component. It supports formatting, column definitions, freezing columns, column spanning, text wrapping, column chooser, column menu, and other important features.

Define Columns in Blazor TreeGrid.

Define columns

You can define the needed columns explicitly in a Blazor Tree Grid. You can also enhance the appearance of columns by setting the header text, text alignment, cell value format, and width.

Auto size in Blazor TreeGrid.

Auto size

Users can interactively auto size column width to show its full content by double clicking on column borders. Blazor Tree Grid also supports triggering auto sizing to the required columns programmatically.

Cell styling

Blazor Tree Grid supports customization of cell styles programmatically or by using CSS.

Cell styling in Blazor TreeGrid.

Text wrap using in Blazor TreeGrid.

Text wrap

Wraps the Blazor Tree Grid cell text to the next line when it is too large to fit a cell. Users can wrap the header or content cell`s text by setting the available wrap mode options.

Column chooser

The column chooser provides a list of column names paired with check boxes that allows the user to toggle visibility on the fly. This helps the users to control the column visibility through an interactive UI.

Choose visible columns using column chooser in Blazor TreeGrid.

Reorder columns in Blazor TreeGrid.


Reorder Blazor Tree Grid columns either through user interaction or programmatically. Simply dragging a column header to the desired column position will reorder the columns of a Tree Grid.


Column resize allows changing the column width on the fly by simply dragging the right corner of the column header. A scroll bar appears when the Tree Grid content width exceeds the element width.

Resize column width in the Blazor TreeGrid.

Column menu in Blazor TreeGrid.

Column menu

Allows performing various column-based actions with the help of Blazor Tree Grid column menu. Menu items can also be customized to list only the preferred actions.

Checkbox column in Blazor TreeGrid.

Checkbox Column

Users can select multiple records by using the checkbox column. It is also possible to select the records hierarchically using checkboxes. If a parent’s checkbox is checked, the child checkboxes also are checked.

Blazor Components – 85+ UI and DataViz Components

Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon