---
title: "API Methods Usage | Docs"
description: "ZingGrid provides a rich API for controlling grid interactions, from re-rendering to adjusting user interactions (like paging) through JavaScript."
url: https://www.zinggrid.com/docs/api/methods/usage
---

```text
experiment_id: web-retrieval-v1
fixture_id: /docs/api/methods/usage.md
mode: provenance
representation: markdown
origin_response_id: e1c0151cc459fb6f91830a86d00aa729
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.604Z
version_nonce: bf23ac6135f31e9b98aae58e24e0cf3a
generated_at_utc: 2026-11-08T23:36:14.847Z
response_nonce: 497d69c6f3158d11264ec7bbc4109df7
```

# 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.

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

> **Note:** `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.