features
Menu
Menu

Context Menu

ZingGrid has a default context menu that allows you to insert rows, edit your grid, and more! Simply enable it by adding the context-menu attribute to your <zing-grid> element.

On This Page

Default Menu

Easily add a context menu with the context-menu attribute, then just right-click on a cell to see it!
CloseCopy Copied
<zing-grid context-menu></zing-grid>
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

Static Menu

Easily add a static context menu by adding the static-menu attribute.
CloseCopy Copied
<zing-grid context-menu static-menu></zing-grid>
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

Column Menu

Easily add a column toggle menu by adding the columns-control attribute.
CloseCopy Copied
<zing-grid columns-control></zing-grid>
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

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.
CloseCopy Copied
<zg-menu id="mymenu">
  <img src="..." alt="Chargers Logo">
</zg-menu>
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

Join the Community

Support, extra demos, pre-releases and more

loadingloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloading