<zg-tooltip>

The <zg-tooltip> tag is a web component that serves as a container the the grid's tooltip and used as a CSS target for styling by the developer.. The <zg-tooltip> web component should not be accessed specifically beyond styling.

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

Related Web Components

Usage

The <zg-tooltip> element is a generated element added to <zing-grid> when the cell-tooltip-text or header-tooltip-text attribute is defined.

<zing-grid src="...">
  <zg-colgroup>
    <zg-column header-tooltip-text="I'm a tooltip"></zg-column>
    ...
  <zg-colgroup>
</zing-grid>

Attributes

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

CSS Variables

There are no CSS variables available for the <zg-tooltip> web component.

CSS Selector

<zg-tooltip> can be styled by common CSS selectors, like so:

zg-tooltip {
  background: red;
}

Slots

There are no slots available for the <zg-tooltip> web component.

[api: <zg-tooltip>]