<zg-row>
Interactive Storybook Playground
The <zg-row> tag is a web component that is the container for the <zg-cell>, <zg-head-cell>, and <zg-filter> elements. It corresponds to the <tr> tag on an HTML table. The <zg-row> element is created dynamically and should not be placed in the grid by a developer. However, the element is useful for styling and can be targeted by CSS variables and CSS selectors.
Related Web Components
Attributes
There are no attributes available for the <zg-row> web component.
CSS Variables
<zg-row> can be styled with CSS variables, like so:
:root {
--zg-row-background: red;
}
Below is a list of all the associated --zg-row CSS variables. Check out the full list of CSS variables or our Styling Basics guide to learn more about styling the grid.
CSS Selector
<zg-row> can be styled by common CSS selectors, like so:
zg-row {
font-size: 2rem;
}
Slots
There are no slots available for the <zg-row> web component.