Rendering Context Menu for Grid Rows and Columns

Environment

Description

How can I render a context menu for the rows and columns of the Kendo UI for Angular Grid?

Solution

The following approach provides a custom implementation of a context menu in the Grid by utilizing the Kendo UI for Angular Popup component. Currently, however, Kendo UI for Angular delivers the ContextMenu component which supports hierarchical binding out of the box.

While the Grid delivers no built-in context menu for its rows and columns, it enables you to customize the code and use the Kendo UI Popup component for Angular.

The following example demonstrates how to utilize the cellClick event of the Grid and the Popup components. To discriminate between regular clicks and context menu events, the example checks the cellClick.type field.