docs
Menu
Menu

API Methods

ZingGrid provides a rich API for controlling grid interactions – from re-rendering to adjusting user interactions (like paging) through JavaScript. As an object, ZingGrid comes with its own set of methods that get/set properties and manipulate its contents.

Method Usage

In the example below, we go to the next page with nextPage(). In order to do this, we first get the reference to ZingGrid. Then we use ZingGrid's executeOnLoad() to wait for the grid to be ready before we make any manipulations. Once the grid is ready, we call nextPage() on ZingGrid.

CloseCopy Copied
const zgRef = document.querySelector('zing-grid');
zgRef.executeOnLoad(function() {
  zgRef.nextPage();
});

Note that the methods below are organized by component; However, all methods are called on the ZingGrid reference like the code snippet above.

Join the Community

Support, extra demos, pre-releases and more

loadingloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloading