CSS Theme Demo

This demo illustrates a few ways in which CSS Variables can be used to change the look and feel of AdapTable.

Every button, toolbar, panel, container and window in AdapTable is given a logical and easy to find name which can then be updated via css.

In this demo we show a few examples of what can be achieved (taken from requests recieved by our users). We have:

  • Hidden the 'Schedule' button from the Export toolbar
  • Moved the Close button in the Popup window from Left to Right
  • Underlined the title in the Toolbar

The tiny amount of css required to do this is printed below the grid

AdapTable Help Resources:

Generating dummy data, please wait ...