/slickgrid-react

Slickgrid-React is a wrapper of the lightning fast & customizable SlickGrid datagrid, it also includes multiple Styling Themes

Primary LanguageTypeScriptMIT LicenseMIT

Slickgrid-React

License: MIT TypeScript Cypress.io NPM downloads npm npm bundle size Actions Status

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.

Open in Codeflow

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

slickgrid-react on NPM

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

MIT 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. 👷👷‍♀️

Buy Me a Coffee at ko-fi.com

Sponsors

@kevinburkett kevinburkett