New to Kendo UI for Angular? Start a free 30-day trial

Rendering Context Menu for Grid Rows and Columns


ProductProgress® Kendo UI Grid


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


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.

View Source
Change Theme:

In this article

Not finding the help you need?