---
title: "Data | Features"
description: "\"ZingGrid is very flexible when it comes to inputting data into the grid. Use Data Types, Data Attribute, <zg-data> Tag, or Remote Data.\""
url: https://www.zinggrid.com/docs/features/data
---

```text
experiment_id: web-retrieval-v1
fixture_id: /docs/features/data.md
mode: provenance
representation: markdown
origin_response_id: d0d7d383a36777d222b474006f885900
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.682Z
version_nonce: cb9ab7631d52fe7a14a18e0d36b40f9c
generated_at_utc: 2026-10-31T01:12:33.989Z
response_nonce: 95bffdb40c1d1272f6dcbc601754f509
```

# Data

ZingGrid is very flexible in the ways you can input data into a grid. Add your data via Data Types, Data Attributes, the `<zg-data>` Tag, or Remote Data.

## Data Types

ZingGrid accepts arrays of arrays, arrays of objects, objects of objects, and nested objects.

> **Note:** [Read more about the various data types ZingGrid accepts here](https://www.zinggrid.com/docs/data-types).

## Data Attribute

To insert data into your grid, simply add the `data` attribute to `<zing-grid>`, like so:

```html
<zing-grid data='[...]'></zing-grid>
```
### Data via Attribute Grid

Here is a complete grid with data, in the form of an array of arrays, added via attribute:

[Example code](https://app.zingsoft.com/demos/embed/5O6K43L4)

## `<zg-data>` Tag

Alternatively, you can insert data by adding the `data` attribute to the `<zg-data>` tag, like so:

```html
<zing-grid>
  <zg-data data='[...]'></zg-data>
</zing-grid>
```
### Data via `<zg-data>` Tag Grid

Here is a complete grid with data, in the form of an array of arrays, added via attribute on `<zg-data>`:

[Example code](https://app.zingsoft.com/demos/embed/RGYFC6AX)

## Remote Data

To insert remote data, attach the `src` attribute to either the `<zing-grid>` or `<zg-data>` tag, like so:

```html
<zing-grid src="https://jsdocs-9d00d.firebaseio.com/browsers"></zing-grid>
```

```html
<zing-grid>
  <zg-data src="https://jsdocs-9d00d.firebaseio.com/browsers"></zg-data>
</zing-grid>
```

> **Note:** Learn more about connecting to remote data with our [Getting Started with Remote Data guide](https://www.zinggrid.com/docs/getting-started/remote-data).

### Remote Data Grid
Here is a complete grid with data remotely retrieved from Firebase:

[Example code](https://app.zingsoft.com/demos/embed/HEO4ZMUZ)

## Related Resources
Here are some extra resources related to this feature to help with creating your grid:

* [Data Types Documentation](https://www.zinggrid.com/docs/data-types)
* [Remote Data Guide](https://www.zinggrid.com/docs/remote-data)
* [API Data Methods List](https://www.zinggrid.com/docs/api-methods#zg-data)