Render Context Menu for Rows and Columns

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.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?