experiment_id: web-retrieval-v1
fixture_id: /docs/api/methods/usage
mode: provenance
representation: html
origin_response_id: ed725477c34ed07b393e2c972fa63e0c
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.604Z
version_nonce: 92a6faa79f03bfbc54b32c13724d13ae
generated_at_utc: 2026-11-08T23:26:14.306Z
response_nonce: c7f512b42fea7e3797dbd3bd47024276
Docs Version 1

API Methods Usage

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.

Methods Usage

The example below changes the current grid page with nextPage(). After selecting the ZingGrid instance, we wait until it is ready (executeOnLoad()), and then run the method to update the page.

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

executeOnLoad() will ensure the grid is fully ready before executing your code. In most cases, if you execute your code below the grid instance in the DOM, this can be omitted.

Top

[api: Usage Guide]

On This Page