Building a good data table is a common design challenge most of developer have had to solve at least once. In this post, I’ve collected 15 Awesome React Table Components that allow manipulating tables with large data sets and provides extended features like advanced searches, custom sorts, complex conditional styles, custom filters, pagination, etc.
A react table component to display large datasets with high performance and flexibility.
Hooks for building fast and extendable tables and datagrids for React.
A simple and powerful Datatable for React based on Material-UI Table with some additional features.
Fast, flexible, and simple data tables in React. Reactable allows you to display tabular data client-side, and provides sorting, filtering, and pagination over that data. It uses the power of React.js to do all this very, very quickly, and provides an API that makes simple things easy, while trying to get out of your way as much as possible if you want to do something complicated or unconventional.
Reactabular has been designed to be extensible. Rather than implementing a lot of functionality in its core, it provides extension points. You can, for instance, customize rendering on cell level. It is possible to implement functionality, such as search, pagination, sorting, and inline editing, through composition. The library includes a variety of utilities for this even though you may use third party ones as well.
Simple Grid Component written in React. Griddle now has a customizable architecture that allows for one-off customizations or reusable plugins. These customization options allow for overriding everything from components, to internal datagrid state management, and more.
A React table component.
A simple, sortable, and flexible table library. The goal of this project may change or grow, but it’s simply to provide an easy to use interface for creating tables when you don’t need complex enterprise capabilities, but still allowing some “leeway” for customization.
Turn the tables on unresponsive data!.
A simple but reactive table react component to display JSON data.
A Bootstrap table built with React.js. It’s a react.js table for bootstrap, named react-bootstrap-table. It’s a configurable, functional table component and make you build a Bootstrap Table more efficiency and easy in your React application.
Table UI Component based on React. working for many modes such as sub table, tree table and inline editing table.
Extendable table with filtering, sorting, paging, and more.
A sticky positioned table built for React. Many large-scale applications require the use of tables somewhere, if not everywhere. Many a times the requirements for these tables are quite complex and difficult to manage. Sticky React Table aims to solve all of these problems for React developers, with a host of features including customizable cells, rows, and headers, column switching, column filtering, sorting, virtualization, column resizing, etc. All of that, provided in a declarative manner, and built ground-up, especially for React!