---
title: "Context Menu | Features"
description: "ZingGrid has a default context menu that allows you to insert rows, edit your grid, and more. Use the Default Menu, a Static Menu, a Column Menu, or a Custom Menu."
url: https://www.zinggrid.com/docs/features/context-menu
---

```text
experiment_id: web-retrieval-v1
fixture_id: /docs/features/context-menu.md
mode: provenance
representation: markdown
origin_response_id: 96d46fe144bf9ea0f208dc0d96d0fae7
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.680Z
version_nonce: 3389434e2c114eb9252b5b60717447e8
generated_at_utc: 2026-10-31T01:12:52.782Z
response_nonce: 807beca187addc17b56b581182690b7b
```

# Context Menu

ZingGrid has a default context menu that allows you to insert rows, edit your grid, and more!

## Default Menu

Simply enable a context menu by adding the `context-menu` attribute to your `<zing-grid>` element (see below). By default, the context menu only opens when you right-click on a cell.

```html
<zing-grid context-menu></zing-grid>
```

### Context Menu Enabled Grid:
Here is a complete grid with a right-click context menu to edit the grid as necessary:

[Example code](https://app.zingsoft.com/demos/embed/V8KNN792)

## Static Menu

You can easily add a static context menu to your grid by adding the `static-menu` attribute instead (see below). By default, the static context menu displays in the upper right hand corner of the grid.

```html
<zing-grid context-menu static-menu></zing-grid>
```

### Static Context Menu Grid

Here is a complete grid with a static context menu button:

[Example code](https://app.zingsoft.com/demos/embed/JVD833F3)

## Column Menu

Easily add a column toggle menu to choose which columns to display or hide by adding the `columns-control` attribute (see below). By default, it will appear in the upper right hand corner of your grid.

```html
<zing-grid columns-control></zing-grid>
```
### Column Toggle Menu
Here is a complete grid with a column toggle menu button:

[Example code](https://app.zingsoft.com/demos/embed/8A3V5XO9)

## Custom Menu
You can also make your own context menu by using the `<zg-menu>` tag and setting the `context-menu` attribute of the grid to the id of your menu, like so:

```html
<zing-grid context-menu="mymenu">
  <zg-menu id="mymenu">
    <img src="..." alt="Chargers Logo">
  </zg-menu>
</zing-grid>
```

### Custom Context Menu Grid
Here is a complete grid with a context menu displaying custom text, images, and links:

[Example code](https://app.zingsoft.com/demos/embed/PJ2K053L)

## Related Resources
Here are some extra resources related to this feature to help with creating your grid:

* [Adding Features Guide](https://www.zinggrid.com/docs/adding-features)
* [Menu API Methods List](https://www.zinggrid.com/docs/api-methods#zg-menu)