Context Menu Exampleīelow shows a configured context menu in action demonstrating a customised menu with a mix of custom items. Hide the context menu with the grid API hidePopupMenu(), which will hide either the context menu or the Column Menu, whichever is showing. If you always want the grid's context menu, even when Ctrl is pressed, then set allowContextMenuWithControlKey=true. If you want the grid to do nothing (and hence allow the browser to display its context menu) then hold down the Ctrl key while clicking for the context menu. One drawback of using the AG Grid context menu is that you may want to show the browser's context menu when debugging, for example in order to access your browser's dev tools. Only shown if charting is enabled and in Pivot Mode. pivotChart: Chart all grouped and pivoted data from the grid.chartRange: Chart a range of selected cells.excelExport: Export to Excel (.xlsx) using all default export values.

csvExport: Export to CSV using all default export values.

export: Export sub menu (containing csvExport and excelExport).

paste: Always disabled (see note in clipboard section).

cut: Cut the selected value to clipboard.

copyWithGroupHeaders: Copy selected value to clipboard with headers and header groups.

copyWithHeaders: Copy selected value to clipboard with headers.

copy: Copy selected value to clipboard.

When set, it's only shown if grouping by at least one column. expandAll: When set, it's only shown if grouping by at least one column.The following is a list of all the default built in menu items with the rules about when they are shown. If you want to turn off the context menu completely, set the grid property suppressContextMenu=true. Note: if you set checked=true, then the icon will be ignored - these options are mutually exclusive. If you want to access your underlying data item, you can access that through the rowNode as node.data. Use 'string' to pick from built in menu items and use MenuItemDef descriptions for your own menu items. The result of getContextMenuItems(params) should be a list with each item either a) a string or b) a MenuItemDef. This allows the client application to display a menu individually customised to each cell. Each time the context menu is to be shown, the callback is called to retrieve the menu items. You can customise the context menu by providing a getContextMenuItems() callback. The keyboard shortcut as a hint to the user. The disabled paste option in the menu is to indicate to the user that paste is possible and it provides If JavaScript could do this, then websites could stealĭata from the client by accessing the clipboard maliciously. Take data from the clipboard without the user explicitly doing a paste command from the browser It is not possible because of a browser security restriction that JavaScript cannot The 'paste' operation in the context menu is not possible and hence always disabled.

Ag grid context menu