---
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/v1/api/methods/usage
---

```text
experiment_id: web-retrieval-v1
fixture_id: /docs/v1/api/methods/usage.md
mode: provenance
representation: markdown
origin_response_id: ac5b003e4947905b77547551b2e6c036
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.743Z
version_nonce: a0aa9ba34d6a6615bfed908a4de621c6
generated_at_utc: 2026-11-08T23:36:15.815Z
response_nonce: 0965d5cfe6b00850c5377ecf2bbdee91
```

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