Angular-Slickgrid is a JavaScript library for implementing SlickGrid-based data grids and spreadsheets in an Angular 4+ application.

This is a wrapper for the jQuery lib (SlickGrid) and a large part of the lib (like editors, filters, etc.) is written in jQuery/JavaScript, so just keep that in mind it also means that jQuery is a dependency.

How to make use of it:

Install

npm install stream-browserify

1. Add a path mapping in tsconfig.json:

{
  ...
  "compilerOptions": {
    "paths": {
      "stream": [ "./node_modules/stream-browserify" ]
    },

2. Add stream to allowedCommonJsDependencies in angular.json:

"options": {
    "allowedCommonJsDependencies": [
      "assign-deep",
      "excel-builder-webpacker",
      "jquery-ui",
      "stream"
    ],

Angular Compatibility

• version 1.x.x for Angular 4-6
• version 2.x.x for Angular 7-11
• version 3.x.x for Angular 12+ and RxJS 7+ (migration guide to 3.x)
  • build target got bumped to ES2018 for modern browser only
  • IE11 is EOL and no longer supported, if you still need to support it stay with version 2.x
  • uses new Slickgrid-Universal monorepo
  • the last version is v3.3.2 compatible only with Slickgrid-Universal v0.19.2
    • Slickgrid-Universal 1.x versions only work with Angular-Slickgrid 4.x
• version 4.x.x for Angular 13+, RxJS 7+ and Ivy ONLY (migration guide to 4.x)
  • for Ivy build only (no more UMD bundle & output >= ES2017), IE is EOL and definitely out of the picture (finally).

slickgrid for angular, angular-slickgrid npm Plugin/Github

See Demo And Download

Official Website(ghiscoding): Click Here

This superior jQuery/javascript plugin is developed by ghiscoding. For extra advanced usage, please go to the official website.