experiment_id: web-retrieval-v1
fixture_id: /docs/v1/api/methods/usage
mode: provenance
representation: html
origin_response_id: 940e81674df168157bdb939170240fd5
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.742Z
version_nonce: a00129845beb2af7c72f1d70812f1e69
generated_at_utc: 2026-11-08T23:26:19.020Z
response_nonce: a8beb66ea6c3163851a83cdf08885fdf
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