Context Menu

 
Customer Name
City Country Product Name Unit Price Quantity Total
Customer Name: Alfreds Futterkiste
BerlinGermanyRössle Sauerkraut$46.0015$690.00
BerlinGermanyChartreuse verte$18.0021$378.00
BerlinGermanySpegesild$12.002$24.00
BerlinGermanyVegie-spread$44.0020$880.00
BerlinGermanyAniseed Syrup$10.006$60.00
BerlinGermanyLakkalikööri$18.0015$270.00
BerlinGermanyRaclette Courdavault$55.0015$825.00
BerlinGermanyOriginal Frankfurter grüne Soße$13.002$26.00
BerlinGermanyGrandma's Boysenberry Spread$25.0016$400.00
BerlinGermanyRössle Sauerkraut$46.002$92.00
BerlinGermanyEscargots de Bourgogne$13.0040$520.00
BerlinGermanyFlotemysost$22.0020$440.00
Customer Name: Ana Trujillo Emparedados y helados
México D.F.MexicoGudbrandsdalsost$29.001$29.00
México D.F.MexicoOutback Lager$12.005$60.00
México D.F.MexicoTofu$23.003$69.00
México D.F.MexicoSingaporean Hokkien Fried Mee$14.005$70.00
México D.F.MexicoCamembert Pierrot$34.0010$340.00
México D.F.MexicoMascarpone Fabioli$32.0010$320.00
Data grid with 2244 rows and 6 columns
0 rows are selected

The DevExpress Blazor Grid allows you to display Context Menus with both predefined and custom commands. Use the ContextMenus property to activate Context Menus for specific Grid elements. Handle the CustomizeContextMenu event to modify the menu item collection.

This demo uses Context Menus for the following Blazor Grid elements:

  • Group Panel
  • Column Headers
  • Data Rows (custom item deletes the row)
  • Footer Cells (custom items add/remove total summaries)
  • Group Footer Cells (custom items add/remove group summaries)