slickgrid-react
Advanced tools
One of the best JavasSript datagrid SlickGrid, which was originally developed by @mleibman, is now available to React. SlickGrid beats most other datagrids in terms of features, customizability and performance (it can easily deal with even a million row). Slickgrid-React is a wrapper on top of SlickGrid and we are using the 6pac/SlickGrid fork, which is the most active one since the original one was put on pause by its original author for personal reasons. Also worth to know, that I also contributed a lot to the 6pac/SlickGrid fork over the years for the benefit of all the SlickGrid libraries that I maintain including this one here... SlickGrid was also recently refactored to drop jQuery requirement and be browser native in Slickgrid-React v3.0 and higher.
Refer to the Wiki - HOWTO Step by Step and/or clone the Slickgrid-React-Demos repository. Please consult all Wikis 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.
Slickgrid-React works with all Bootstrap versions, you can see a demo of each one below. There are also extra styling themes for not just Bootstrap but also Material & Salesforce which are also available. You can also use different SVG icons, you may want to look at the Wiki - SVG Icons
For a complete set of working demos (over 30 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.
You like Slickgrid-React? Be sure to upvote :star:, and perhaps support me with cafeine :coffee: and feel free to contribute. 👷👷♀️
Check out the Releases section for all latest News & Releases.
Slickgrid-Universal has 100% Unit Test Coverage, we are talking about +4,000 unit tests that are fully tested with Jest. On the UI side, all Slickgrid-React Examples are tested with Cypress, there are over +600 Cypress E2E tests.
Refer to the Wiki - HOWTO Step by Step. 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
The Wiki is where all the documentation and instructions will go, so please consult the slickgrid-react - 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 if that is not enough for you to decide, head over to the Wiki - Main Features for documentations and features.
What if Slickgrid-React is missing feature(s) compare to the original core library 6pac/SlickGrid?
Fear not, you can always reference the SlickGrid and DataView instances, just like in the core lib, those are exposed through Events. For more info head over to the Wiki - SlickGrid & DataView objects and Wiki - Grid & DataView Events
Screenshots from the demo app with the Bootstrap theme.
Note that the styling might have changed a little, the best is to simply head over to the Live Demo page.
FAQs
Slickgrid components made available in React
The npm package slickgrid-react receives a total of 672 weekly downloads. As such, slickgrid-react popularity was classified as not popular.
We found that slickgrid-react demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.
Security News
require(esm) backported to Node.js 20, easing the transition to ESM-only packages and reducing complexity for developers as Node 18 nears end-of-life.
Security News
PyPI now supports iOS and Android wheels, making it easier for Python developers to distribute mobile packages.
