Hacker News Reader

Comment by luibelgo | Hacker News Reader

What would be one of those “sturdy options”, usable from react?

If you want to bring your own UI, TanStack Table (formerly React Table) [0], if you want something that's batteries included, MUI [1][2]. There are of course other options with either close or full feature parity, but these are the two I see most often with least pain across different companies. While we're on the topic of recommendations, avoid any- and everything by Telerik.

[0] https://tanstack.com/table/

[1] https://mui.com/material-ui/react-table/

[2] https://mui.com/x/react-data-grid/

I really liked seeing this page on tanstack's website explaining their collaboration with ag-grid. Better wayfinding to the proper project is a huge blindspot for most open source projects. I built a page specifically listing related projects... because my thought is, if someone finds that page, and I haven't helped them, they should find the project that works for them.

https://tanstack.com/blog/ag-grid-partnership

MUI appears to be more mature but DataSheetGrid has spreadsheet-like range selection out of the box while MUI only provides a beta version under its premium plan.

From MUI: "This feature is not stable yet, meaning that its APIs may suffer breaking changes. While in development, all props and methods related to cell selection must be prefixed with unstable".

This feature tends to be pro or unavailable across options I've seen so it is great that DataSheetGrid has rolled out a working implementation.

Edit: Changed 'its pro plan' to 'its premium plan'.

Tanstack table is great, can recommend it. It can be used for any kind of table. But it's a headless component, so there is quite some work involved in creating something useful.

But it's a great middleware that can be wired between the data and some kind of tabular UI react component.

Reply on news.ycombinator.com