Search

JavaScript Data GridAG Grid Error #106

Full Error Text

Full error message cannot be shown because there are missing parameters in the URL. Please follow the full link from the developer tool logs. 
Theming API and Legacy Themes are both used in the same page. A Theming API theme has been provided to the 'theme' grid option, but the file (ag-grid.css) is also included and will cause styling issues. Remove ag-grid.css from the page. See the migration guide: https://www.ag-grid.com/javascript-data-grid/theming-migration/
To show this error text in the dev console, import the ValidationModule.

Mixed Theming Approaches Copy

In v33 the default approach to theming AG Grid has been updated to use the Theming API. This error occurs when a theme is set via the theme property but the legacy CSS files have not been removed.

For a comprehensive guide on migrating from v32 please see Migrating to the Theming API.

There are two ways to resolve this error, either complete the steps required to fully adopt the Theming API or alternatively continue with the legacy themes.

Adopt the new Theming API Copy

To adopt the new Theming API please complete the steps outlined in Adopt the Theming API.

Continue with legacy Themes Copy

Set the grid option: theme='legacy'. See Continue with Legacy Themes for more information.

If you have multiple grids you may find using a Global Grid Option to be a convenient way to set the theme to "legacy" for all grids in your application.

import { provideGlobalGridOptions } from 'ag-grid-community';

// Mark all grids as using legacy themes
provideGlobalGridOptions({ theme: "legacy" });