Framework:Javascript Data GridAngular Data GridReact Data GridVue Data Grid

JavaScript Data Grid: Global Styling

Global Style refers to the overall design of the grid, which is controlled using CSS.

The grid's Global Style is highly customisable:

  • The first step is to select a theme from one of our provided themes.
  • Next you can apply customisations to the theme using CSS variables and rules.
  • If you are using Sass, check out the Sass API which provides additional validation.

Alternatively if you want to change the appearance of individual columns, headers or cells then consider using row styles, cell styles or custom renderers.