The <zg-nodata> tag is a web component that controls the styling and display of the grid caption.

Image of the DOM relationship for the zg-nodata web component tag

Related Web Components


A <zg-nodata> tag is automatically inserted inside the grid and can be updated via the nodata attribute. The message is styleable via CSS variables or the zg-nodata CSS selector.

You can use the nodata attribute:

<zing-grid nodata="Hello No Data"></zing-grid>


There are no attributes available for the <zg-nodata> web component.

CSS Variables

Below are all the associated --zg-nodata CSS variables. You can find the full list of css variables or check out our styling basics to learn more about styling the grid.

root: {
  --zg-nodata-background: red;
ZGNodata CSS Variables and Default Values
NameDefaultDescriptionDemoCSS Ref

CSS Selector

<zg-nodata> can be styled by common CSS selectors.

zg-nodata {
  background: red;