DataGridXL2
Glide Data Grid
Our great sponsors
DataGridXL2 | Glide Data Grid | |
---|---|---|
5 | 17 | |
473 | 3,414 | |
- | 4.0% | |
5.8 | 9.0 | |
16 days ago | 19 days ago | |
JavaScript | TypeScript | |
GNU General Public License v3.0 or later | 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.
DataGridXL2
-
Show HN: Datagridxl2.js β No-nonsense fast Excel-like data table library
* Input bar at the bottom, so it works on touch devices too.
DataGridXL on Github: https://github.com/DataGridXL/DataGridXL2
-
Show HN: Datagridxl.js v2 β no-nonsense fast Excel-like data table lib
Hello HN,
Iβm Robbert, the creator of DataGridXL.js. After 1,5 years of hard work I have just released version 2.
DataGridXL is a free (and commercial) editable data table library written in ES6.
My goal is to develop the most performant & user-friendly spreadsheet-like data table out there:
- It has zero dependencies. You donβt need any framework to use DataGridXL.
- It is lightweight (~250kb) and easy to use. It does not even require messing with CSS.
- It has its own Virtual DOM implementation to prevent DOM errors.
- Developer friendly. Supports all modern web browsers
Please take a look at the performance demo (https://www.datagridxl.com/demos/one-million-cells) to see the difference with other data grids out there. And let us know if you have any suggestions.
What's new in version 2:
* Rapidly search cells via top bar, just like Google Sheets.
* Freeze any amount of rows and/or columns.
* Hide and unhide rows and/or columns, just like in Google Sheets.
* Multi-Range Selection
* Fullscreen Mode
* Input bar at the bottom, so it works on touch devices too.
DataGridXL on Github: https://github.com/DataGridXL/DataGridXL2 DataGridXL on NPM: https://www.npmjs.com/package/@datagridxl/datagridxl2 DataGridXL Docs: https://datagridxl.com/docs
Please let me know if you have any suggestions or comments!
- Show HN: DataGridXL v2, fastest Excel-like JavaScript Data Grid
Glide Data Grid
-
The Design Philosophy of Great Tables (Software Package)
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
-
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.
[1] https://github.com/glideapps/glide-data-grid
[2] https://github.com/finos/perspective
-
React Data Grid VS Glide Data Grid - a user suggested alternative
2 projects | 8 Jun 2022
-
Glide Data Grid 4.0! Thank you all for your help :)
Much much more...
-
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.
-
Synchronous scrolling for two or more data grids
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.
-
Looking for the best React table component to implement.
Try Glide data grid
-
Data Grid 3.0 β bigger, better, faster!
Homepage
-
Fast, smooth React Data Grid
Home Page / try it now
What are some alternatives?
SlickGrid - A lightning fast JavaScript grid/spreadsheet
React Data Grid - Feature-rich and customizable data grid React component
Tabulator - Interactive Tables and Data Grids for JavaScript
ag-Grid - The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
regular-table - A regular <table> library, for async and virtual data models.
react-data-table - A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
react-cool-virtual - π β»οΈ A tiny React hook for rendering large datasets like a breeze.
ka-table - Lightweight MIT React Table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more
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.
sematable - ReactJS / Redux Data Table
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.