Cell context menus PRO
Open cell actions with a right-click or keyboard shortcut.
Options
Changes below update the Grid and code immediately.
Right-click a product or quantity cell. You can also focus a cell and press Shift+F10.
View code
Sample data included in the code · 6 rows
Usage guide
#Right-click a cell to quickly choose actions for that cell or row.
Try it yourself
- Open the cell menu
Right-click a product or quantity cell. You can also focus a cell and press Shift+F10.
- Check the target
Verify the menu's cell and row belong to the intended order before choosing an item.
- Close and reopen
Press Escape, then open the menu on another cell. Your app can add row-specific business actions.
The Grid context menu opens and processes the chosen action.
Sample items may differ from business actions in your app. Displaying a menu alone does not implement approval or deletion.
Useful terms
- Context menu
- A list of actions related to the current target.
- contextMenuItemClicked
- An event reporting the menu item selected by the user.
Using this feature in your product requires the Pro runtime and a valid license.
API reference
#Other properties2
| Attribute / Property | Type / Default | Description |
|---|---|---|
PRO contextMenu | booleanDefault: false | render a right-click context menu popup. The default menu is copy-cell / copy-row / export-csv; a host `contextMenuItemsCallback` customizes it. |
PRO contextMenuItemsCallback | (
ctx: ContextMenuContext<GridRow>,
) => ContextMenuItem<GridRow>[]Default: undefined | host callback returning the menu items for a right-click. When set it REPLACES the default items (the host can call the built-in ids or supply items with a custom `action`). |
Events1
| Events | Detail type | Description |
|---|---|---|
PRO | { id: string; rowIndex: number; field?: string } | fires when a context-menu item is chosen. |
Methods1
| Method / Arguments | Return type | Description |
|---|---|---|
PRO target: { rowIndex: number; field?: string } | Promise<ContextMenuItem[]> | Build the default context-menu items for a cell. |
Explore each feature
Learn when to use each feature and how to configure it. Each guide identifies live examples and features you connect in your app.