Home

Welcome to the Angular-Slickgrid wiki!

Angular-Slickgrid

One of the best javascript datagrid SlickGrid which was originally developed by @mleibman is now available to Angular. I have used a few datagrids and slickgrid beats most of them in terms of functionalities and performance (it can easily deal with even a million row).

SlickGrid Source

We will be using 6pac - SlickGrid fork (the most active fork since the original repo of @mleibman closed for personal reasons).

Goal

The goal is of course to be able to run SlickGrid within Angular 4+ but also to incorporate as much as possible the entire list of functionalities that SlickGrid offers (you can see a vast list of samples on the 6pac SlickGrid examples website) and more extras...

NPM Package

Aurelia-Slickgrid on NPM

Main features

You can see some screenshots below and the instructions down below.

This is a work in progress, but so far here are some of the features that angular-slickgrid brings (on top of Slickgrid itself):

• Easier use of SlickGrid within Angular as it is just a component (simply pass a column definitions and a dataset and you're good to go)
• Bootstrap Theme with SASS variables for extra customization (if you create a theme, then please make a PR)
• Auto-resize (boolean flag), will resize the datagrid viewport with available space even on browser resize (basically takes available space of it's container)
• Inline Editors (number, float, text, longText, date, ... you can also create your own custom ones)
• Support all the SlickGrid Controls and Plugins
• Row(s) Selection
• Server side (backend) Services (filtering, sorting, pagination)
  • GraphQL
  • OData
• Some Features of SlickGrid itself which are working out of the gate
  • Sort/Multi-Sort (client/server side)
  • Header Row with Filters (currently support Input and Select dropdown, multi-select is planned)
  • Formatters (a few default ones were added, and you can easily create custom ones too)
  • Optimized DataView which brings a lot of functionalities (sort, grouping, and more)
    • even server side data is saved into the SlickGrid DataView
  • All the SlickGrid Events are supported, see the Wiki
• ... more to come

Missing features (planned items)

The following are SlickGrid features which are not yet included in this library

• Export to CSV
• Support of Locale with ngx-translate
• Filters to support multi-select dropdown and eventually custom filters