# Rendering Context Menu for Grid Rows and Columns

## Environment

<table>
    <tbody>
	    <tr>
	    	<td>Product</td>
	    	<td>Progress® Kendo UI Grid</td>
	    </tr>
    </tbody>
</table>

## Description

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

## Solution

> Kendo UI for Angular provides the [ContextMenu component which supports hierarchical binding with the Grid out of the box](https://www.telerik.com/kendo-angular-ui/components/menus/contextmenu/data-bound-components#grid).

This article demonstrates a custom implementation using the Popup component for specific use cases that require custom behavior.

To create a custom context menu implementation, you can use the Kendo UI Popup component for Angular.

The following example demonstrates how to utilize the [`cellClick`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#cellclick) event of the Grid and the [Popup](https://www.telerik.com/kendo-angular-ui/components/popup) components. To discriminate between regular clicks and [context menu events](https://developer.mozilla.org/en-US/docs/Web/Events/contextmenu), the example checks the [`cellClick.type`](https://www.telerik.com/kendo-angular-ui/components/grid/api/cellclickevent#type) field.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/knowledge-base/context-menu/source.txt)