Tree Grid / Miscellaneous / Context Menu

Blazor Tree Grid Example - Context Menu

Loading Syncfusion Blazor Server Demos…

1 of 3 pages (12 items)

This sample demonstrates the Tree Grid context menu, which provides contextual actions such as editing, deleting, exporting, sorting, copying, paging, and column sizing through a right-click menu on rows, headers, and the pager.

Enable the context menu by setting ContextMenuItems to a collection of default or custom items. Items render based on the clicked target (header, row, or pager).

In this demo, a self-referential support ticket dataset is bound. The context menu contains:

Content (Row):

  • Edit
  • Delete
  • Save / Cancel (visible during edit)
  • Copy
  • Export (PDF, Excel, CSV)

Header:

  • Sort Ascending / Sort Descending
  • AutoFit
  • AutoFitAll

Pager:

  • First Page, Previous Page, Next Page, Last Page

Learn more in the context menu documentation.

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