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:

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!

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.


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.


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!