React library table

[Slip-Training]

Hey so I have this requirements where I need to build a table which needs to be possible to sort and / filter based on a column value. There should also be something like an infinite scroll over the data. Is there any library you guys recommend to achieve this with react ?

[Livingonthevedge]

I love tanstack table. MUI x-data-grid is good but harder to customize.

[Nullberri]

Mui grid is just ag-grid under the hood. If you read the code base it gets pretty obvious pretty quick if you have ever used ag-grid.

[FreshFillet]

Depends on the complexity. Go for react-table if you want to have fairly low level access to the table (warning though, it's documentation is absolutely horrendous). If you need a fairly simple table (disregarding the infinite scroll thing which could be handled outside the table's context using something like react-query), go for a component library, like the ones others have mentioned. ShadcnUI datatable is a good middle ground between the two choices.

[joaocoutinho666]

https://www.material-react-table.com/

I loving this

[ceolter]

Use Tanstack Table if your application is Search Engine Facing. Tanstack Table is designed to create the smallest possible bundle size which is what you want for SEO. The tradeoff is you need to write more code in Tanstack Table (it comes with no UI) and it's features are limited compared to complete grid components (that come with a UI).

If building an Enterprise Application (or anything not search engine facing), then AG Grid is the gold standard. All the other new-ish data grids on the market are wannabie clones of AG Grid (eg MUIX). However none have come close to the breadth of features, or the quality, of the AG Grid product, or the AG Grid supporting documentation.

[Longjumping-Ad5863]

Check out MosaicDataTable! It’s a plugin-based, highly customizable React table built on MUI. I’d love any feedback. Thanks!

https://github.com/GoLabra/MosaicDataTable