Press "Enter" to skip to content

Lightning-fast & Customizable SlickGrid Datagrid | Angular-Slickgrid

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.

Be First to Comment

    Leave a Reply

    Your email address will not be published.