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
- Apply CSS for styling, showing/hiding, or even adding transitions
- Add event listeners using native
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
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!
ZingGrid automatically does REST bindings for you, so that actions on your grid (insert, edit, and delete) are connected to your dataset.
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.
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!