zg-nodata

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

Related Web Components

• <zg-data>
• <zg-load-mask>

Usage

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>

Attributes

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;
}

CSS Selector

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

zg-nodata {
  background: red;
}