This is a pretty good article that shows some good design ideas for data tables. That said, it is a puff piece for hiring at a company and not a recommendation for something to use.
There is exactly zero open source and/or free component data tables for React that do everything in this article.
Not only that, but many are so full of bugs or so difficult to implement that they might as well not exist at all.
Serious opportunity to create a top leading project that would have a huge impact on the usability of the web if everyone adopted it.
Edit: Yes, I'd contribute to working on a project like this under a permissive MIT license, but I don't want to do it alone.
That's because everyone has a different set of requirements.
Throughout my web-dev career, I did table or detailed-list views many times, but each time with different requirements. Aside from sheer size of code to implement all the features, you will have contradicting requirements and there is no one-size-fits-all solution.
Top concerns are:
1. is your data homogeneous (all columns in a row are presented equally)
2. can this data change?
3. is there a lot of data? (so you have to implement virtual list)
4. is data dynamically loaded?
5. do you need actions on data, and how to display them (inline / overlay / menu?)
6. some features are really simple on surface (resizing, drag-drop reorder of rows, auto-sizing on dbl-click is a hell of itself) but are pain in the ass to implement.
7. is filtering/sorting done on a client or you have a server to help you?
8. and many many more...
There are multiple implementations, but you have to investigate which one fits you need.
I highly recommend ag-grid, it works well with React. The free version is MIT licensed, while the paid enterprise features are open source on Github, but not free to use.
Great recommendation. My only issue with this is that they don't have a super solid solution for Material Design based grids. Now I know that is more of a problem with MD (and they note that on their theme page), but omg... once again... it is like we are back at the drawing board again.
Wow, they managed to fit a surprising set of features in a less than MB of javascript. As someone who implemented different grids multiple times I'd say it is a nice job!
There is exactly zero open source and/or free component data tables for React that do everything in this article.
Not only that, but many are so full of bugs or so difficult to implement that they might as well not exist at all.
Serious opportunity to create a top leading project that would have a huge impact on the usability of the web if everyone adopted it.
Edit: Yes, I'd contribute to working on a project like this under a permissive MIT license, but I don't want to do it alone.