Data

ZingGrid is very flexible when it comes to inputting data into the grid.

Data Types

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

Read more about the various data types ZingGrid accepts here.

CloseCopy Copied
[
  [
    "Aquarius",
    "January 20 - February 18",
    "Air"
  ] ...
]
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

Data Attribute

Attach the data attribute to the <zing-grid> tag to insert data.
CloseCopy Copied
<zing-grid data='[...]'></zing-grid>
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

<zg-data> Tag

Or add the data attribute to the <zg-data> tag as an alternative way to insert data.
CloseCopy Copied
<zing-grid>
  <zg-data data='[...]'></zg-data>
</zing-grid>
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

Remote Data

To insert remote data, attach the src attribute to either the <zing-grid> or <zg-data> tag.
CloseCopy Copied
<zing-grid src="https://jsdocs-9d00d.firebaseio.com/browsers"></zing-grid>
CloseCopy Copied
<zing-grid>
  <zg-data src="https://jsdocs-9d00d.firebaseio.com/browsers"></zg-data>
</zing-grid>
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied
loadingloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloading