If you have conflicts with froala and slickgrid use this as your angular slickgrid package:
"angular-slickgrid": "git+https://github.com/loonix/ang-slick-fix.git",
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). We will be using the 6pac/SlickGrid fork, this the most active fork since the original @mleibman fork was closed some time ago by his author for personal reasons. Also worth to know, I also contributed a lot to the 6pac/SlickGrid fork for the benefit of Angular-Slickgrid.
- version
1.x.x
for Angular 4 to 6- Angular 6, is only supported through
rxjs-compat
as shown in this post. It's preferable to upgrade to Angular 7+ as soon as possible.
- Angular 6, is only supported through
- version
2.x.x
for Angular 7+
Angular-Slickgrid
supports both Bootstrap 3
and Bootstrap 4
, you can see a demo of each one below.
For a complete and working local demo, you can clone the Angular-Slickgrid Bootstrap 4 repository. That repo is updated frequently and is the actual Bootstrap 4 demo.
git clone https://github.com/ghiscoding/angular-slickgrid-bs4-demo
npm install
npm start
Technically speaking, Material
theme is not provided, but it should still work.
The styling might need some adjustments to make it look like Material
but there's over 300+ SASS variables,
so I'm sure making a Material Theme is totally doable and if you do, please contribute it as a new theme to the project. Thank you.
Refer to the Wiki - HOWTO Step by Step
Are you using Angular-Slickgrid? Add your company/site/project to the Used by Who list.
You like the library and would like contribute? That would be awesome, the first thing you can do is head over to the Version 2.x - Project, there are some tasks that I would gladly like receiving help with. One of the biggest task is to increase Jest unit tests code coverage and/or more Cypress E2E tests.
The Wiki is where all the documentation and instructions will go, so please consult the Angular-Slickgrid - Wiki before opening any issues. The Wiki - HOWTO is a great place to start with. You can also take a look at the Demo page, it includes sample for most of the features and it keeps growing (so you might want to consult it whenever a new version comes out).
You can see some screenshots below and the instructions down below and if that is not enough for you to decide, head over to the Wiki - Main Features.
What if Angular-Slickgrid
is missing feature(s) compare to the original core library SlickGrid
?
Fear not and simply and use the SlickGrid
and DataView
objects, just like in the core lib, these are exposed through Event Emitters. For more info continue reading on Wiki - SlickGrid & DataView objects and Wiki - Grid & DataView Events
You like and use this great library Angular-Slickgrid
? You can always upvote โญ and/or contribute :)
If you like my work, you can also support me with caffeine ๐ Buy Me a Coffee
Screenshots from the demo app with the Bootstrap
theme (that is the only available theme, but there is a lot of SASS variables to make it look like Material, or other theme if you wish to. If you create a new theme, please submit a PR).