ag-Grid Theme Customisation Examples

The project in this repository showcases how the ag-Grid built-in themes can be customized by overriding Sass variables. An up-to-date table with the variable default values and their function is available at: http://www.ag-grid.com/javascript-grid-styling/#customizing-sass-variables

Usage

• Clone the project
• (optional) to set a specific grid version across all demo projects, run: node set-version.js VERSION where VERSION is a semver string e.g. 32.2.1
• Choose a project:
  • src/vanilla: using the Sass API through the command line Sass compiler
  • src/vanilla-webpack: using the Sass API through the Webpack and sass-loader
  • src/angular: Angular CLI example
  • src/react: create-react-app example
  • src/vue: Vue example
  • src/legacy/*: Various examples using the Legacy Sass API (deprecated in v28)
• In the project folder, run npm install && npm start
• View the project in your browser at http://localhost:8080/.
• Open the styles.scss file to see how the theme has been customised.