All Demos / Tree Grid / Miscellaneous / Context Menu

Blazor Tree Grid Example - Context Menu

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT

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

More information on context menu can be found in the documentation section.