experiment_id: web-retrieval-v1
fixture_id: /docs/features/source
mode: provenance
representation: html
origin_response_id: a9c20a5fa32612cfc1a13651be6fd4b2
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.705Z
version_nonce: 5e67df041ca3ff2b368aea8f271be466
generated_at_utc: 2026-10-21T22:55:55.152Z
response_nonce: e8c133fb5f14ad5521dbdaf1f0976e73
Docs Version 1

Source

ZingGrid has a basic, built-in source (citation) element that wraps the source text in <cite role="any">.

Basic Usage

To add a source/citation to your grid, you can use the <zg-source> element or add a source attribute to the <zing-grid> tag with the text of the source as its value (see below).

<zg-source><small>Source:</small> Wikipedia, World Bank</zg-source>
<!-- or -->
<zing-grid source="Wikipedia, World Bank"></zing-grid>

Note: Use the <zg-source> element instead of the attribute if you want to add inner HTML. For example: <zg-source><small>Source:<small> Citation Here</zg-source>.

Sourced Grid

Here is a complete grid with the source of the data displayed at the bottom of the grid:

Top

Related Resources

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

[features: source]