Global Options

You might find yourself re-using the same configurations over and over, in that case we got you covered. You can change any of the global options directly in the main.js (or main.ts) through a config as shown below:

Note: make sure to never assign directly to the grid options since that would override the entire default global grid options. For example, never do config.options = { enableFiltering: true }; since this would remove all global grid options and that would have unpredicted behaviors.

export function configure(aurelia) {
  aurelia.use.standardConfiguration().developmentLogging();

  aurelia.use.plugin('aurelia-slickgrid', config => {
    // change any of the default global options
    // for example we can change the Grid Menu (hamburger menu) default icon 
    config.options.gridMenu.iconCssClass = 'fa fa-ellipsis-v';
  });

  aurelia.start().then(() => aurelia.setRoot('app'));
}

or with aurelia-webpack-plugin:

export function configure(aurelia) {
  aurelia.use.standardConfiguration().developmentLogging();

  aurelia.use.plugin(PLATFORM.moduleName('aurelia-slickgrid'), config => {
    // change any of the default global options
    // for example we can change the Grid Menu (hamburger menu) default icon 
    config.options.gridMenu.iconCssClass = 'fa fa-ellipsis-v';
  });

  aurelia.start().then(() => aurelia.setRoot(PLATFORM.moduleName('app')));
}

List of Global Options

For the complete list of available Grid Option, you can take a look at the Default Grid Options file and/or technically any of the options from the grid options - interface are configurable.