Glide Data Grid
react-cool-virtual
Our great sponsors
Glide Data Grid | react-cool-virtual | |
---|---|---|
16 | 6 | |
3,357 | 1,202 | |
3.7% | - | |
9.0 | 4.3 | |
8 days ago | 8 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Glide Data Grid
-
Rendering a Million Rows in React by Drawing
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.
-
New Renderers for GTK
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.
-
React Data Grid VS Glide Data Grid - a user suggested alternative
2 projects | 8 Jun 2022
-
Show HN: Datagridxl2.js – No-nonsense fast Excel-like data table library
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.
-
Looking for the best React table component to implement.
Try Glide data grid
-
Data Grid 3.0 — bigger, better, faster!
GitHub
Homepage
-
Fast, smooth React Data Grid
Home Page / try it now
Hi I just wanted to come back around and let you know I've located the source of the firefox issues, this fix will roll out soon: https://github.com/glideapps/glide-data-grid/pull/28
react-cool-virtual
-
Does a chat application require windowing to prevent performance issue ?
https://github.com/wellyshen/react-cool-virtual 🚀 https://github.com/clauderic/react-tiny-virtual-list
-
✨ Introducing react-cool-virtual: A tiny React hook for rendering large datasets like a breeze
React Cool Virtual has a flexible API design, it can cover many use cases that you need. Let's see how does it rock!
-
✨ One of the easiest ways to build a virtualized list with infinite scroll (link in 1st comment)
dynamic size, real-time resize, RWD, infinite scroll, full elements control, and more... You can read the features section to know more.
🔗 GitHub: https://github.com/wellyshen/react-cool-virtual
u/el_notso_diabolo Just add the stick to the bottom and [pre-pending items](https://github.com/wellyshen/react-cool-virtual#pre-pending-items) examples, they might help.
u/TheBrightman Just add the input elements example, check it out!
What are some alternatives?
React Data Grid - Feature-rich and customizable data grid React component
ag-Grid - The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
react-data-table - A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
react-cool-inview - 😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
react-virtuoso - The most powerful virtual list component for React
ka-table - Lightweight MIT React Table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more
react-tiny-virtual-list - A tiny but mighty 3kb list virtualization library, with zero dependencies 💪 Supports variable heights/widths, sticky items, scrolling to index, and more!
sematable - ReactJS / Redux Data Table
canvas-datagrid - Canvas based data grid web component. Capable of displaying millions of contiguous hierarchical rows and columns without paging or loading, on a single canvas element.
mui-datatables - Datatables for React using Material-UI
react-pivot - React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration.
react-responsive-carousel - React.js Responsive Carousel (with Swipe)