npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

slickgrid-react

v5.11.0

Published

Slickgrid components made available in React

Downloads

3,113

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

speigespeigeghiscodingghiscoding

Keywords

reactdatagriddatatablepluginslickgrid

Readme

Slickgrid-React

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

Brief introduction

One of the best JavasSript data grid SlickGrid, which was originally developed by @mleibman, is now available to the React world. SlickGrid beats most other data grids 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 a dependency), 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

Troubleshooting

This project does not work well with React.StrictMode, so please make sure to disable it to avoid pulling your hair for days.

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 |

Styling Themes

Multiple styling themes are available

Also note that all of these themes also have Dark Theme equivalent and even though Bootstrap if often used as the default, it also works well with any other UI framework like Bulma, Material, ...

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

Sponsors