regular-table
react-virtualized-window
regular-table | react-virtualized-window | |
---|---|---|
6 | 3 | |
322 | 69 | |
1.2% | - | |
5.6 | 8.6 | |
about 1 month ago | over 1 year ago | |
JavaScript | TypeScript | |
Apache License 2.0 | 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.
regular-table
- Memray is a memory profiler for Python by Bloomberg
-
Show HN: Datagridxl2.js – No-nonsense fast Excel-like data table library
No reason to sacrifice accessibility and styling in the name of performance: https://github.com/jpmorganchase/regular-table
-
Quadrillion Rows Example
I'm the author of regular-table, one of the alternatives mentioned in the accompanying blog. We went through a similar set of requirements to OP (and did at one point use fin-hypergrid as well, and also the excellent phosphor-datagrid which is now lumino-datagrid), and came to a slightly different conclusion regarding rendering. We ultimately decided to revert to (albeit bespoke) virtual DOM rendering for many of the same reasons mentioned by other commenters, namely:
- Ask HN: Why are developers so stingy with “rows per page”?
react-virtualized-window
-
Quadrillion Rows Example
I wonder how your canvas solution holds up against the @resembli/react-virtualized-window library.
-
A simplified explanation of how @resembli/react-virtualized-window virtualizes DOM views and how it prevents content flashes when users scroll quickly.
To answer your other points: - Variable heights are supported but you need to a way to determine the position of items in your window. The way @resembli/react-virtualized-window can be found here.
-
A new DOM virtualization library for React
I'm keen to get people's feedback and use cases. Checkout the docs at resembli.com or the code here.
What are some alternatives?
react-virtualized - React components for efficiently rendering large lists and tabular data
lumino - Lumino is a library for building interactive web applications
magic-trace - magic-trace collects and displays high-resolution traces of what a process is doing
memray - Memray is a memory profiler for Python
Glide Data Grid - 🚀 Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support.
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.
reactabular - A framework for building the React table you need (MIT)
SlickGrid - A lightning fast JavaScript grid/spreadsheet
pyflyby - A set of productivity tools for Python