Tag Archives: development

Battle of the Grids: 10 ReactJS Grids and Tables

Had to whip up a quick UI for a project, and of course one of the key elements that always comes up is the paginateable, lazy, sortable (and maybe even filterable) table aka the grid. Without further ado, here are the contestants that emerged after some interwebs browsing. Me, I’m making an unoriginal choice to proceed with the most popular one.

component name gh stars gh forks npm april dl’s github npm
fixed-data-table 2377 342 53,209 link link
griddle 1365 241 21,388 link link
react-bootstrap-table 404 164 11,787 link link
reactable 853 134 9,870 link link
reactabular 231 55 2,701 link link
react-data-components 167 60 632 link link
react-table-select 4 1 234 link link
react-infinite-grid 96 19 215 link link
react-grid 0 0 145 link link
react-grid-table 65 18 50 link link

Bonus: here is how to also make fixed-data-table truly lazy and never download all of the bazillion rows into memory when you only need to display about 10.