ghiscoding / Aurelia Slickgrid
Programming Languages
Projects that are alternatives of or similar to Aurelia Slickgrid
Aurelia-Slickgrid
One of the best javascript datagrid SlickGrid which was originally developed by @mleibman is now available to Aurelia. 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 is 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 Aurelia-Slickgrid.
NPM Package
License
Like it? ⭐️ it
You like and use this great library Aurelia-Slickgrid
? Be sure to upvote ⭐️ and feel free to contribute 👷
Like my work?
If you like my work, you can also support me with caffeine Buy Me a Coffee ☕️
I certainly drank many coffees to build and keep adding features for this great library.
Latest News & Releases
Check out the Releases section for all latest News & Releases.
Jest (Unit Tests) - Cypress (E2E tests)
Fully Tested withAurelia-Slickgrid reached 100% Test Coverage, we are talking about +10,000 lines of code (+2,700 unit tests) that are now fully tested with Jest. There are also over +350 Cypress E2E tests to cover most UI functionalities on nearly all Examples of Aurelia-Slickgrid.
Installation
Refer to the Wiki - HOWTO Step by Step and/or the Aurelia-Slickgrid Demos repository. Please don't open any issue unless you have followed these steps (from the Wiki), and if any of the steps are incorrect or confusing, then please let me know.
NOTE: if you have any question, please consider asking installation and/or general questions on Stack Overflow
Demo page
Aurelia-Slickgrid
supports both Bootstrap 3
and Bootstrap 4
, you can see a demo of each one below.
There are also 2 new Themes, Material & Salesforce that are available as well and if you wish to use SVG then take a look at the Wiki - SVG Icons.
Working Demos
For complete working local demos, you can clone the Aurelia-Slickgrid Demos repository (instruction are provided in the repo). This repo provides multiple samples (RequireJS, WebPack, CLI, ...) and also worth to know that the 2 WebPacks demos are updated frequently since they are the actual Bootstrap 3 demo / Bootstrap 4 demo.
Wiki / Documentation
The Wiki is where all the documentation and instructions will go, so please consult the Aurelia-Slickgrid - Wiki before opening any issues. The Wiki - HOWTO is a great place to start with.
Usage
Fetch-Client
or Http-Client
?
How to load data with You might notice that all demos are made with mocked dataset that are embedded in each examples, that is mainly for demo purposes, but you might be wondering how to connect this with an FetchClient
? Easy... just replace the mocked data, assigned to the dataset
property, by your FetchClient
call and that's it. The dataset
property can be changed at any time, which is why you can use local data and/or connect it to a Promise
or an async call with FetchClient
(internally it's just a SETTER that refreshes the grid). See Example 22 for a demo showing how to load a JSON file with FetchClient
.
Main features
You can see some screenshots below as well as instructions underneat them and if that is not enough for you to decide, head over to the Wiki - Main Features.
Screenshots
Screenshots from the demo app with the Bootstrap
theme.