Awesome
Slickgrid-React
Brief introduction
One of the best JavasSript datagrid SlickGrid, which was originally developed by @mleibman, is now available to the React world. SlickGrid beats most other datagrids in terms of features, customizability & performance (running smoothly with even a million rows). Slickgrid-React is a wrapper on top of Slickgrid-Universal (which is required), in the early beginning we used the 6pac/SlickGrid fork but that was dropped in >=v4.0 since Slickgrid-Universal is now a standalone project. SlickGrid was also recently rewritten with browser native code (no more jQuery 🎉).
Documentation
📘 Documentation website powered by GitBook for version 4+ (... or use the Wikis for older versions).
Installation
Available in Stackblitz (Codeflow) below, this can also be used to provide an issue repro.
Refer to the Docs - Quick Start and/or clone the Slickgrid-React-Demos repository. Please consult all documentation before opening new issues, also consider asking installation and/or general questions on Stack Overflow unless you think there's a bug with the library.
NPM Package
Versions Compatibility
Note please be aware that only the latest version of Slickgrid-React is supported and will receive bug fixes. The reason older versions are not supported is simply because it's already a lot of work to maintain for a single developer.
| Slickgrid-React | React version | Migration Guide | Notes |
|---|---|---|---|
| 5.x | React 18+ | Migration 5.x | modern UI / Dark Mode, requires Slickgrid-Universal 5.x |
| 4.x | Migration 4.x | merge SlickGrid into Slickgrid-Universal, requires Slickgrid-Universal 4.x | |
| 3.x | Migration 3.x | removal of jQuery (now uses browser native code), requires Slickgrid-Universal 3.x | |
| 2.x | React 18+ | Migration 2.x | removal of jQueryUI, requires Slickgrid-Universal 2.x version |
Live Demo page
Slickgrid-React works with all Bootstrap versions, you can see a demo of each one below. It also works well with any other frameworks like Material or Bulma and there are also couple of extra styling themes based on Material & Salesforce which are also available. You can also use different SVG icons, you may want to look at the Docs - SVG Icons
Working Demos
For a complete set of working demos (40+ examples), we strongly suggest you to clone the Slickgrid-React Demos repository (instructions are provided in the demo repo). The repo provides multiple demos and they are updated every time a new version is out, so it is updated frequently and is also used as the GitHub live demo page.
License
Latest News & Releases
Check out the Releases section for all latest News & Releases.
Tested with Jest (Unit Tests) - Cypress (E2E Tests)
Slickgrid-Universal has 100% Unit Test Coverage and all Slickgrid-React Examples are tested with Cypress as E2E tests.
Like it? ⭐ it
You like Slickgrid-React? Be sure to upvote ⭐, and perhaps support me with caffeine ☕ and feel free to contribute. 👷👷♀️
<a href='https://ko-fi.com/ghiscoding' target='_blank'><img height='32' style='border:0px;height:32px;' src='https://az743702.vo.msecnd.net/cdn/kofi3.png?v=0' border='0' alt='Buy Me a Coffee at ko-fi.com' />