I'm Robbert, the creator of DataGridXL.js. Last month I released version 2 which includes many new features.<p>DataGridXL is a free (and commercial) editable data table library written in ES6.<p>My goal is to develop the most performant & user-friendly spreadsheet-like data table out there:<p>- 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<p>Please take a look at the performance demo (<a href="https://www.datagridxl.com/demos/one-million-cells" rel="nofollow">https://www.datagridxl.com/demos/one-million-cells</a>) to see the difference with other data grids out there. And let us know if you have any suggestions.<p>Please let me know if you have any suggestions or comments!
Accessibility is a strong gating factor for some (including me). I don't see it in the docs. The whole thing seems to be missing any ARIA (see <a href="https://www.w3.org/TR/wai-aria-practices/examples/grid/dataGrids.html" rel="nofollow">https://www.w3.org/TR/wai-aria-practices/examples/grid/dataG...</a>)
Let me know if you want help.
Congrats on the release.<p>For those looking for a FOSS alternative, I haven't seen mentioned here yet Toast UI Grid - TUI-grid:
<a href="https://ui.toast.com/tui-grid" rel="nofollow">https://ui.toast.com/tui-grid</a><p>I've been using it for over a year and it works perfectly.
The performance here is amazing. Well done!<p>I'm desperately searching for a way to replace old Handsontable (before they closed source), but the license here for DataGrid XL makes it impossible to easily bring into a large FOSS project.<p>Some ideas for licensing: dual license MIT and commercial. Feed advanced features and support into the commercial while keeping the MIT version fast, performant, extendable.
Please point out wether it is free or commercial in your announcements :<p><a href="https://www.datagridxl.com/buy" rel="nofollow">https://www.datagridxl.com/buy</a>
I'm impressed by the lack of dependencies and single-file download.<p>One of my use-cases is for offline use, and <i>not</i> via a web app installation -- only assets in an ordinary filesystem directory. Mega-components in single js files are a good step towards that.
Been using AgGrid but looking for a replacement. I tried to load a CSV of 100k items here and got a "RangeError: Maximum call stack size exceeded."<p><a href="https://www.datagridxl.com/demos/import-csv-data" rel="nofollow">https://www.datagridxl.com/demos/import-csv-data</a>
Hey Robbert, just want to say congrats on this! This is excellent work and really thoughtful / detailed.<p>I'll definitely be using on a project soon. Really love the elegant docs and the API.
This caught my eye. We are in the market for a high-quality gridview component that would allow for in-line edits. We also looked at CSV in/out, but having something integrated <i>could</i> be better. The UX would have to be on-par with excel and this seems close.<p>My biggest question right now: What does integration of Datagridxl2 look like when operating with a Blazor Server app? Should I just expect some basic JS interop when building a wrapper for the component?
Looks interesting. I've just been looking at a couple of alternatives to this. We're adding a CSV import feature for our store finder, and the idea is to provide a spreadsheet-like interface where you can just copy and paste your location data instead of uploading a CSV where you need to deal with different delimiters and getting the column orders right etc.
Wonderful work! If you think your table is the best, as someone who is pondering buying it, you'd save me some time if you had a quick comparison matrix with your main competitors. It seems counterintuitive to provide that but most people will do the research anyway so you're just saving them some time searching and cataloguing alternatives.
One million cell made me though of <a href="https://lumino.readthedocs.io/en/latest/examples/datagrid/index.html" rel="nofollow">https://lumino.readthedocs.io/en/latest/examples/datagrid/in...</a> that has a "trillion" cell demo :-) All the best.
>You don’t need any framework to use DataGridXL. - It is lightweight (~250kb) and easy to use<p>I'm not so sure 250k qualifies as lightweight by any definition. That's a pretty high target even for total bundle size. React, for example, is ~6k.
How long did it take you to build OP?<p>I love the simple design, just one thing: consider adding to #header .menu-btn:checked ~ .nav larger max-width and some margin to .buyMenuOption, since .buyMenuOption button gets covered by the .nav div on smaller screens: <a href="https://i.imgflip.com/6c1c7a.jpg" rel="nofollow">https://i.imgflip.com/6c1c7a.jpg</a>
Very nice!<p>Just, I'm not sure that users who stick to Excel despite a web app do so just because of Excel's interface... sometimes it is because it is much easier to work with files than with web sites. And sometimes the way to get to the web app is the thing destroying the UX (slowly responding servers, weird login processes, etc.)
I would like to invite you to share Datagridxl here:
<a href="https://forums.haydenjames.io/c/showcase/21" rel="nofollow">https://forums.haydenjames.io/c/showcase/21</a>
(will be suggested to subscribers)
This looks very nice! I am looking for a spreadsheet like component for a project I am working on. Had evaluated jspreadsheet before. Question I have is, how would one go about integrating formulas and references? The demo doesnt seem to support that.
I'm looking for a version of the is that supports pagination from a db backend so you don't have to load all the data to the frontend at once. I need a read only spreadsheet with lots of data. Does anybody have any suggestions?
-"You've built a web app, but your users stick to Excel"
I feel that if your users are not using your web app, it's not because they miss the (dated, not exactly intuitive) Excel interface. Seems to me like the wrong solution for the problem