SlickGrid VS Glide Data Grid

If anyone is looking for a great open source table, I recommend slick grid: https://github.com/6pac/SlickGrid it has all the features shown in the article and has proven itself capable of everything I've needed for the last 2+ years.

Leaving it unmaintained allows for a fork to emerge.

For example, "SlickGrid" https://github.com/mleibman/SlickGrid was popular but hadn't seen an update in many years. Someone else forked and a number of people migrated over to https://github.com/6pac/SlickGrid .

In a world where the original author instead decides to relicense and commercialize, the author suddenly has a different and much more contentious relationship with anyone who tries to keep a community fork.

> because I've longed for an open source, liberally licensed, spreadsheet component for the web

I assume SlickGrid (https://github.com/6pac/SlickGrid/wiki/Examples) didn't satisfy your requirements?

Why do you want to render to canvas?

Perspective seems to be the most performant html table. It is more focused on extremely fast updates than styling, although it looks good.

Glide is a newcomer that also renders to canvas.

https://github.com/finos/perspective

https://github.com/glideapps/glide-data-grid

What we are trying to build is a component that will help us to render a million rows in a ReactJs App. We make use of several techniques that are being used by other products such as google sheets and glide data grid app to achieve it.

Can you give examples of better JS renderers?

What is needed for performance of traditional GUI app rendering? I'm particularly interested in table rendering. Glide and Perspective are both canvas based renderers, but I haven't dug into the internals.

[1] https://github.com/glideapps/glide-data-grid

[2] https://github.com/finos/perspective

Much much more...

We ran into the same issue! We actually implemented a feature we joking call clown-car scrolling to handle this. If you want to steal the basics of it you can see it here: https://github.com/glideapps/glide-data-grid/blob/main/packa...

Feel free to steal and improve, we only enable the clown-car mode when the desired scrollable area is larger than what a browser can support. With our implementation scrolling is still handled by the browser, but the scroll location can be subtly recomputed as you go from time to time. We only do this when interacting with the scrollbar directly to avoid weird artifacts like scrolling feeling faster than normal.

I maintain glide-data-grid. I'd love to be in consideration for your use case. If you have features that are not supported in our current or the upcoming 4.0.0 release I would love to hear about it.

Try Glide data grid

Homepage

Home Page / try it now