docs
Menu
Menu

CSS Variables

Using CSS variables in ZingGrid is just like using any CSS variables. By default, the grid will have some default CSS styling to scaffold the overall structure of the grid. Apart from this default styling, ZingGrid allows users to adjust almost every aspect of the grid using CSS variables.

You can use direct CSS element selectors to style the grid, but the preferred method is CSS variables.

Using CSS variables is as simple as setting the variables in your CSS under the :root{} or zing-grid selector.

CloseCopy Copied
/* preferred usaged */
:root {
  --zg-caption-background:red;
}

/* alternative usage */
zing-grid {
  --zg-caption-background:red;
}
CSS Variables and Default Values
ParentNameDefaultDescriptionDemoCSS Ref

Join the Community

Support, extra demos, pre-releases and more

loadingloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloading