RevoGrid

Appearance

Available themes ​

By default there are several themes available and their number will grow with time:

Light:

  • Excel like - default;
  • Material - material;
  • Material-compact - compact;

Dark:

  • Dark material - darkMaterial;
  • Dark material-compact - darkCompact;
js
const grid = div.querySelector('revo-grid');
grid.theme = 'material';

Light themes ​

Themes default ​

js
const grid = div.querySelector('revo-grid');

Themes material ​

js
const grid = div.querySelector('revo-grid');
grid.theme = 'material';

Theme material compact ​

js
const grid = div.querySelector('revo-grid');
grid.theme = 'compact';

Dark themes ​

Themes material ​

js
const grid = div.querySelector('revo-grid');
grid.theme = 'darkMaterial';

Theme material compact ​

js
const grid = div.querySelector('revo-grid');
grid.theme = 'darkCompact';