DEV Community

loading...

DataTable of choice for React-based applications?

humzakhan profile image Humza K. ・1 min read

Hello everyone,

It's been a while I haven't been active here, so I am really feeling good creating this post!

At my current workplace, I had this requirement where we were dealing with at least 5M+ rows of data at any given time, spanning 130-170ish columns, so I had to build a DataTable from scratch mainly for performance reasons. This got me curious because at the time I looked for open source alternatives, there weren't any good enough. (This is done now)

I'm looking to gather more information from fellow React devs here. When you are working on an application and have to choose a DataTable/DataGrid, which one is your favorite out there, and why?

Are there any specific features you look for before choosing one over another or the choice is very random?

Looking forward to hearing your experiences, thank you.

Discussion (6)

pic
Editor guide
Collapse
sojborg profile image
Sojborg

I mostly use the table component from the material-ui library: material-ui.com/components/tables/ because most projects i do already use material-ui. If i need performance i use the table component from react-virtualized: github.com/bvaughn/react-virtualized.

A few times i have combined the to when i need both the nice look&feel/UX from material-ui and the performance from react-virtualized.

Collapse
humzakhan profile image
Humza K. Author

+1 for react-virtualized. That is what I ended up and been really impressed with it since.

Collapse
meenachinmay profile image
Chinmay Anand

I dont know upto what level i have accuracy in this answer but i have a thought that can't we do something like in which we can build a common template for datatables in react then we can create multiple datatables while fetching data, building some cache.
Then we can make a composite datatable while fetching the data from the prebuilt tables but not from the server. Untill unless there is no update.
In this way every single time we dont need to fetch the complete data.

May be this can give you some hint or a new direction.

If not then its okay it is just an idea. 🙌

Collapse
humzakhan profile image
Humza K. Author • Edited

Thank you for your response, but I am more looking to get an idea about what open-source data tables people use here. As for the building a new one, that project is done and running seamlessly in production for months now :)

Collapse
meenachinmay profile image
Chinmay Anand

Thankyou for your reply.
Once you can build your own, then it will become more seamless for future.
And i have suggested this because you mentioned that "i already checked them and they are not good enough"
Thats why i thought that you wanna create a new one from scratch.
🙌

Collapse
kamo profile image
KAIDI

I use This react-bootstrap-table.github.io/re...
No regrets , it offers full control and personalisation of the datatable