Re:Show HN: Datagridxl2.js – Fast Excel-like data table library
by anewhnaccount2 on Tuesday April 05, 2022 @11:30AM
(#30920282)
Looks quite similar to me. Both are using canvas (combined with off screen rendering?) under the covers which seems to be key to achieving this level of performance.
[ Parent
| on HN ]
Re:Show HN: Datagridxl2.js – Fast Excel-like data table library
by timkpaine on Tuesday April 05, 2022 @12:32PM
(#30921119)
No reason to sacrifice accessibility and styling in the name of performance: https://github.com/jpmorganchase/regular-table
Re:Show HN: Datagridxl2.js – Fast Excel-like data table library
by jassmith87 on Tuesday April 05, 2022 @02:16PM
(#30922765)
Glide Data Grid has a fully accessible DOM subtree. No need to sacrifice accessibility just to use a canvas. Come on, its 2022 we have the tools. What makes Canvas even nicer is I can export a subdom that is bespoke for screen readers. It is exactly what the screen readers want, nothing more, nothing less. It works wonderfully.
Disclosure: I am the primary developer of Glide Data Grid.
Re:Show HN: Datagridxl2.js – Fast Excel-like data table library
by noduerme on Tuesday April 05, 2022 @12:49PM
(#30921399)
Funny. I just rolled my own datagrid for a portion of a larger application that already uses DataTables for various stuff. I wanted something that acted like this, was fast and allowed for easier row and column styling (including in the data itself). Also, faster and more flexible animated resizing.
I ended up using CSS grid divs and without any virtualization on my part, they're shockingly performant. Both Chrome and FF easily handle 1m cels which is more than my use case will ever need. They're really quick at blitting just the necessary cells, making it wayyy smoother than DataTables in virtual mode. And anything on an actual canvas tag...? forget about it.
Re:Show HN: Datagridxl2.js – Fast Excel-like data table library
by robbiejs on Tuesday April 05, 2022 @02:42PM
(#30923112)
DataGridXL actually only uses canvas for cell background colors (when you use the search bar) and for measuring text width. Everything else is DOM, just not <table> with individual cells.