Table UIs are essential components in most React applications as they are considered as one of the most efficient means to organize complex data. And yet, building a table UI manually, React tables more so, is no longer considered an efficient process. In JavaScript, however, you get a wide variety of React libraries that are ready to execute depending on your specified purpose.
Here are some of the open-source React table libraries that can make the experience of creating these React data tables more rewarding. React Table by Tanner Linsley is an ultra-fast, customizable, and lightweight data grid built for React applications. Although it comes with minimal documentation, it has more than 14k stars on GitHub and supports both client-side and server-side pagination. Another great example, react-virtualized, is a performance-intensive React library designed especially for when the dataset is huge and rendering performance is the key metric for the table. We also have Handsontable, which is a JavaScript data grid component with a spreadsheet-like feel. It’s the go-to choice for easy data binding, validation, filtering, sorting, and CRUD operations.
react-virtualizedby bvaughn
React components for efficiently rendering large lists and tabular data
react-virtualizedby bvaughn
JavaScript
25026
Version:v9.22.4
License: Permissive (MIT)
handsontableby handsontable
JavaScript data grid with a spreadsheet look & feel. Works with React, Angular, and Vue. Supported by the Handsontable team ⚡
handsontableby handsontable
JavaScript
17920
Version:12.4.0
License: Others (Non-SPDX)
react-tableby tannerlinsley
⚛️ Hooks for building fast and extendable tables and datagrids for React
react-tableby tannerlinsley
JavaScript
14517
Version:v7.7.0
License: Permissive (MIT)
react-grid-layoutby STRML
A draggable and resizable grid layout with responsive breakpoints, for React.
react-grid-layoutby STRML
JavaScript
12934
Version:0.13.9
License: Permissive (MIT)
react-sortable-hocby clauderic
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
react-sortable-hocby clauderic
JavaScript
10492
Version:Current
License: Permissive (MIT)
ag-gridby ag-grid
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
ag-gridby ag-grid
TypeScript
10297
Version:v30.0.0
License: Others (Non-SPDX)
rebassby rebassjs
:atom_symbol: React primitive UI components built with styled-system.
rebassby rebassjs
JavaScript
7852
Version:v4.0.0
License: Permissive (MIT)
react-datasheetby nadbm
Excel-like data grid (table) component for React
react-datasheetby nadbm
JavaScript
5237
Version:1.4.0
License: Permissive (MIT)
tabulatorby olifolkerd
Interactive Tables and Data Grids for JavaScript
tabulatorby olifolkerd
JavaScript
5481
Version:5.5.0
License: Permissive (MIT)
fixed-data-tableby facebookarchive
A React table component designed to allow presenting thousands of rows of data.
fixed-data-tableby facebookarchive
JavaScript
4322
Version:v0.6.0
License: Others (Non-SPDX)
material-tableby mbrn
Datatable for React based on material-ui's table with additional features
material-tableby mbrn
JavaScript
3436
Version:v1.69.0
License: Permissive (MIT)
react-flexbox-gridby roylee0704
A set of React components implementing flexboxgrid with the power of CSS Modules.
react-flexbox-gridby roylee0704
JavaScript
2908
Version:v1.0.0
License: No License
primereactby primefaces
The Most Complete React UI Component Library
primereactby primefaces
CSS
4128
Version:9.5.0
License: Permissive (MIT)
Griddleby GriddleGriddle
Simple Grid Component written in React
Griddleby GriddleGriddle
JavaScript
2488
Version:1.8.0
License: Permissive (MIT)
mui-datatablesby gregnb
Datatables for React using Material-UI - https://www.material-ui-datatables.com
mui-datatablesby gregnb
JavaScript
2567
Version:4.3.0
License: Permissive (MIT)
react-paginateby AdeleD
A ReactJS component that creates a pagination
react-paginateby AdeleD
JavaScript
2538
Version:v8.2.0
License: Permissive (MIT)
react-bootstrap-tableby AllenFang
A Bootstrap table built with React.js
react-bootstrap-tableby AllenFang
JavaScript
2240
Version:v4.0.0-beta.9
License: Permissive (MIT)
react-native-easy-gridby GeekyAnts
Easy React Native Layout & Grid for the Dumb
react-native-easy-gridby GeekyAnts
JavaScript
2150
Version:v0.2.2
License: Permissive (Apache-2.0)
reactableby glittershark
Fast, flexible, and simple data tables in React
reactableby glittershark
JavaScript
1515
Version:Current
License: Permissive (MIT)
react-data-table-componentby jbetancur
A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
react-data-table-componentby jbetancur
TypeScript
1823
Version:v7.5.3
License: Permissive (Apache-2.0)
react-base-tableby Autodesk
A react table component to display large datasets with high performance and flexibility
react-base-tableby Autodesk
JavaScript
1421
Version:v1.11.1
License: Permissive (MIT)
react-bootstrap-table2by react-bootstrap-table
Next Generation of react-bootstrap-table
react-bootstrap-table2by react-bootstrap-table
JavaScript
1245
Version:react-bootstrap-table2-editor@0.1.1
License: Permissive (MIT)
fixed-data-table-2by schrodinger
A React table component designed to allow presenting millions of rows of data.
fixed-data-table-2by schrodinger
JavaScript
1237
Version:v1.2.18
License: Others (Non-SPDX)
react-native-super-gridby saleel
Responsive Grid View for React Native
react-native-super-gridby saleel
JavaScript
1268
Version:Current
License: Permissive (MIT)
react-native-masonryby brh55
:raised_hands: A pure JS react-native component to render a masonry~ish layout for images with support for dynamic columns, progressive image loading, device rotation, on-press handlers, and headers/captions.
react-native-masonryby brh55
JavaScript
1286
Version:v0.4.0
License: Permissive (MIT)
react-stonecutterby dantrain
Animated grid layout component for React
react-stonecutterby dantrain
JavaScript
1181
Version:v0.3.10
License: Permissive (MIT)
react-spreadsheet-gridby denisraslov
An Excel-like grid component for React with custom cell editors, performant scroll & resizable columns
react-spreadsheet-gridby denisraslov
JavaScript
1097
Version:v2.3.1
License: Permissive (MIT)
react-pivotby davidguttman
React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration.
react-pivotby davidguttman
JavaScript
986
Version:Current
License: No License
react-absolute-gridby jrowny
An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React.
react-absolute-gridby jrowny
JavaScript
912
Version:Current
License: Permissive (MIT)
reactabularby reactabular
A framework for building the React table you need (MIT)
reactabularby reactabular
JavaScript
904
Version:Current
License: Permissive (MIT)
hedronby garetmckinley
A no-frills flexbox grid system for React, powered by styled-components.
hedronby garetmckinley
JavaScript
861
Version:v1.0.2
License: Permissive (MIT)
mauerwerkby drcmda
⚒ A react-spring driven masonry-like grid with enter/exit and shared element transitions
mauerwerkby drcmda
JavaScript
834
Version:Current
License: Permissive (MIT)
react-pivottableby plotly
React-based drag'n'drop pivot table with Plotly.js charts
react-pivottableby plotly
JavaScript
907
Version:v0.11.0
License: Permissive (MIT)
GridManagerby baukh789
🌐 Quickly and flexibly instantiate the Table tag to make the Table tag full of vitality.
GridManagerby baukh789
JavaScript
794
Version:v3.2.0
License: Permissive (MIT)
react-grid-systemby sealninja
A powerful Bootstrap-like responsive grid system for React.
react-grid-systemby sealninja
JavaScript
776
Version:v7.0.3
License: Permissive (MIT)
react-native-photo-browserby halilb
Local and remote media gallery with captions, selections and grid view support for react native.
react-native-photo-browserby halilb
JavaScript
708
Version:v0.6.0
License: Permissive (MIT)
react-grid-galleryby benhowell
Justified image gallery component for React
react-grid-galleryby benhowell
TypeScript
824
Version:v1.0.0
License: Permissive (MIT)
paginationby react-component
React Pagination
react-styled-flexboxgridby LoicMahieu
Grid system based on styled-components and flexbox for React
react-styled-flexboxgridby LoicMahieu
JavaScript
551
Version:v2.0.1
License: Permissive (MIT)
react-native-ultimate-listviewby gameboyVito
A high performance FlatList providing customised pull-to-refresh | auto-pagination & infinite-scrolling | gridview layout | swipeable-row.
react-native-ultimate-listviewby gameboyVito
JavaScript
503
Version:3.3.0
License: Permissive (MIT)
react-infinityby nmn
A UITableView Inspired list and grid display solution with element culling and smooth animations
react-infinityby nmn
JavaScript
469
Version:Current
License: No License
react-redux-gridby bencripps
A React Grid/Tree Component written in the Redux Pattern
react-redux-gridby bencripps
JavaScript
455
Version:v5.5.0
License: Permissive (MIT)
cxjsby codaxy
CxJS - Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.
cxjsby codaxy
JavaScript
454
Version:v20.6.6
License: Permissive (MIT)
react-native-sortable-gridby ollija
Drag-drop-sortable grid view for react native
react-native-sortable-gridby ollija
JavaScript
428
Version:Current
License: Permissive (MIT)
react-data-componentsby carlosrocha
React components for sorting, filtering and pagination of data.
react-data-componentsby carlosrocha
JavaScript
391
Version:v1.1.0
License: Permissive (MIT)
react-native-responsive-gridby idibidiart
Bringing the Web's Responsive Design to React Native
react-native-responsive-gridby idibidiart
JavaScript
375
Version:Current
License: Others (Non-SPDX)
Netflix-Cloneby AndresXI
This project is a simplified front end clone of Netflix. It was created with React and CSS (Grid and Flexbox). It uses The MovieDB Api.
Netflix-Cloneby AndresXI
JavaScript
342
Version:Current
License: Permissive (MIT)
ngReactGridby josebalius
A really fast Angular grid using the power of React to render. Based on ng-grid and jQuery DataTables.
ngReactGridby josebalius
JavaScript
333
Version:v0.7.0
License: Permissive (MIT)
react-native-paginationby garrettmac
Animated Pagination For React Native's ListView, FlatList, and SectionList
react-native-paginationby garrettmac
JavaScript
327
Version:Current
License: Permissive (MIT)
react-fetch-hookby ilyalesik
React hook for conveniently use Fetch API
react-fetch-hookby ilyalesik
JavaScript
325
Version:v1.8.0
License: Permissive (MIT)
wingspan-formsby wingspan
A dynamic form library for Facebook React, providing abstractions for building dynamic forms and controlled grids. Widgets provided by Telerik's KendoUI.
wingspan-formsby wingspan
JavaScript
293
Version:Current
License: Permissive (MIT)
react-native-grid-viewby lucholaf
React Native Grid/Collection View component
react-native-grid-viewby lucholaf
JavaScript
279
Version:Current
License: Permissive (MIT)