features
Menu
Menu

Rich API

ZingGrid supports a rich (but nearly unobtrusive) API that leverages what web developers already know - the native DOM API! Treat ZingGrid elements just as you would any standard HTML element:

  • Select elements using standard selectors like document.querySelector() or jQuery's $
  • Apply CSS for styling, showing/hiding, or even adding transitions
  • Add event listeners using native addEventListener() calls

Given that we are truly a native web component, you can bind ZingGrid with popular frameworks quite easily, such as:

  • Vue
  • React
  • Angular
  • jQuery
  • Polymer
  • And more!

When you are binding data, use your framework or make calls to end-points directly with ZingGrid. We support:

  • Standard REST
  • Firebase

directly with almost zero configuration. If you do things the non-standard way, ZingGrid is customizable – do all the overwrites you need. Check out the examples below, then explore our docs!

On This Page

Automatic REST API Binding

ZingGrid automatically does REST bindings for you, so that actions on your grid (insert, edit, and delete) are connected to your dataset.
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

Methods & Events API

ZingGrid comes with its own events and methods to provide flexibility in handling interactions with your grid. In our demo, we use the cell:click event and the setCaption() method to update the counter shown on the caption.
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

Built-in Endpoint Adapter

ZingGrid makes it easy to hook Firebase to your grid by setting properties for you to get paging and editing working immediately. More adapters coming soon!
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

Custom End-Points

You can customize how you want to handle actions. In our demo, setting an issue's state to "Close" will remove that row from the grid.
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied
loadingloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloading