adaptable-angular-aggrid

Repository for the AdapTable Angular AG Grid Wrapper which allows you to use AdapTable (and AG Grid) in an "Angular-friendly" manner.

AdapTable provides a huge range of Data Grid (and FDC3) features, which extend AG Grid, and allow advanced users to manage, edit and visualise their data in ways not previously possible.

Documentation

For full details on how to install, instantiate and reference AdapTable programmatically at run-time please read the AdapTable Angular Documentation.

CommonJS Build Warnings

When building an Angular application which uses AdapTable, you may see warnings like:

[WARNING] Module 'react' used by 'node_modules/@adaptabletools/adaptable/...' is not ESM
CommonJS or AMD dependencies can cause optimization bailouts.

These warnings are emitted by all Angular builders — both the esbuild-based ones (@angular/build:application, @angular-devkit/build-angular:browser-esbuild) and the older webpack-based one (@angular-devkit/build-angular:browser, where the message reads '...' depends on 'react' instead).

These warnings refer to React ecosystem packages used internally by AdapTable (react, react-dom, and the transitive dependency use-sync-external-store). These packages are published as CommonJS only — no ESM distribution exists — so the warnings cannot be avoided at the package level. They are harmless: the build output is correct, and the "optimization bailout" only means the bundler cannot tree-shake inside those specific modules (which would have no effect on React's monolithic runtime anyway).

To silence the warnings, add the packages to the allowedCommonJsDependencies build option — in angular.json, or in project.json if you are using an Nx monorepo:

{
  "targets": {
    "build": {
      "executor": "@angular/build:application",
      "options": {
        "allowedCommonJsDependencies": [
          "react",
          "react-dom",
          "use-sync-external-store"
        ]
      }
    }
  }
}

Listing a package name also covers its deep imports (e.g. react/jsx-runtime, react-dom/client, use-sync-external-store/shim), so these three entries are sufficient.

Demos

The AdapTable Documentation contains numerous demos that show the many different functionalities available in AdapTable.

Licences

A licence for AdapTable provides access to all product features as well as regular updates and enhancements through the lifetime of the licence, comprehensive support, and access to all 3rd party libraries.

There are a number of different licence options available.

We can also make a trial licence available for a short period of time to allow you to try out AdapTable for yourself.

Note: The AdapTable licence does not include AG Grid's licence which you must pay for that separately.

Please contact [email protected] or see our Licence Help Page for more information.

Other AdapTable Resources

General information about Adaptable Tools is available at our Website

Support

For all support enquiries please email [email protected] or raise a Support Ticket.