Blazor Tree Grid Example - Command Column

Tree Grid / Editing / Command Column

This sample shows CRUD operations in Tree Grid using the command column. You can perform CRUD operations as follows,

  • Edit - To edit a record, double-click a row or click Edit button from command column.
  • Delete - To delete a record, click Delete button from command column.
  • Update, Cancel -You can save or discard changes by clicking Update and Cancel button from command column respectively.

Loading Syncfusion Blazor Server Demos…

1 of 30 pages (60 items)

The Tree Grid allows you to display CRUD action buttons in a column by using the TreeGridCommandColumn component of TreeGridColumn. The predefined command button can be defined by setting the following values to Type property of TreeGridCommandColumn.

  • CommandButtonType.Edit
  • CommandButtonType.Delete
  • CommandButtonType.Cancel
  • CommandButtonType.Save

More information on command column feature can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE