Context Menu

The KendoReact Data Grid enables you to display a context menu by using the Context Menu component. The onContextMenu event is fired when grid cells are rendered and the context menu is triggered on a right click.

Cell Operations

The following example demonstrates how to copy cell's content to clipboard.

Row Operations

As the elements inside the Context menu are custom, they execute different actions depending on the desired functionality.

Multi Row Selection

The KendoReact Data Grid Context menu can be used for multi row selection.

Excel Export

The KendoReact Data Grid Context menu provides options for exporting its data to Excel.

To enable the Excel export:

1. Install kendo-react-excel-export package.

   Copy Codenpm install @progress/kendo-react-excel-export @progress/kendo-licensing

2. Import the ExcelExport component in your React Application.

   Copy Codeimport { ExcelExport } from '@progress/kendo-react-excel-export';

3. Wrap the Grid in the ExcelExport component and use the ExcelExport save function to export the Grid and save it to excel file.

The following example demonstrates the basic implementation of the Excel export functionality of the Grid.

Suggested Links

• React Data Grid Editing
• React Data Grid Excel Export
• React Data Grid PDF Export
• API Reference of the Grid
• React Data Grid High-Level Overview