react-pivot - React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration

•    Javascript

---

React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration.

react browserify calculations data-grid data excel grid pagination pivot react-component sort react-components table data-table

react-data-components - React components for sorting, filtering and pagination of data.

•    Javascript

---

React data components

pagination react react-component table react-components data-grid data-table

react-table - React Table - A lightweight, fast and extendable datagrid for React

•    Javascript

---

Pro Tip: Using the resolveData prop - Any time the data prop value changes (using a === comparison), the table will update, but sometimes you need to materialize, alter, or shape this data before it enters the table. To do this, you can use the resolveData prop! It recieves the data prop as the only parameter and returns the resolved data. These are all of the available props (and their default values) for the main <ReactTable /> component.

react table datagrid datatable grid react-table

react-data-grid - Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like http://adazzle

•    Javascript

---

Data grid for React

react grid react-component react-components data-grid table data-table

react-bootstrap-table - A Bootstrap table built with React.js

•    Javascript

---

It's a react table for bootstrap

bootstrap-table react react-table table bootstrap grid react-component react-components data-grid data-table

react-virtualized - React components for efficiently rendering large lists and tabular data

•    Javascript

---

React components for efficiently rendering large, scrollable lists and tabular data

react react-components windowing virtualization list grid listview tabular-data performance reactjs react-component virtual scrolling infinite virtualized table fixed header flexbox spreadsheet table-view infinite-scroll

Handsontable - JavaScript/HTML5 UI Spreadsheet library for web apps. Available for React, Vue and Angular

•    Javascript

---

Handsontable Community Edition (CE) is an open source JavaScript/HTML5 UI Spreadsheet component for web apps. It easily integrates with any data source and comes with a variety of useful features like data binding, validation, sorting or powerful context menu. It is available for Vue, React, Angular and Polymer.

spreadsheet data-grid grid-editor dynamic-table component data-binding data grid table editor data-table excel tabular-data edit-cell editable-table data-spreadsheet

vaadin-grid - vaadin-grid is a free, high quality data grid / data table Web Component

•    HTML

---

<vaadin-grid> is a free, high quality data grid / data table Web Component, part of the Vaadin components. The Vaadin components are distributed as Bower and npm packages. Please note that the version range is the same, as the API has not changed. You should not mix Bower and npm versions in the same application, though.

vaadin-grid polymer data-grid data-table webcomponents polymer-element web-component vaadin elements components web-components grid datagrid datatable

react-absolute-grid - An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React

•    Javascript

---

An absolute layout grid with animations, filtering, zooming, and drag and drop support. Use your own component as the grid item. See the Demo. The idea behind AbsoluteGrid is high performance. This is achieved by using Translate3d to position each item in the layout. Items are never removed from the DOM, instead they are hidden. For best performance you should avoid re-arranging or removing items which you pass into AbsoluteGrid, instead you can use the filtered and sort properties to hide or sort an item. Those properties are customizable using the keyProp and filterProp properties. In addition, all data passed must be immutable so that we don't waste any renders.

react reactjs reactjs-components react-component react-components

reactable - Fast, flexible, and simple data tables in React

•    Javascript

---

Fast, flexible, simple data tables in React

react-component react table data-tables react-components data-grid data-table

autoresponsive-react - Auto Responsive Layout Library For React

•    Javascript

---

Auto responsive grid layout library for React.See our CONTRIBUTING.md for information on how to contribute.

react layout react-components data-grid table data-table

react-mdl - React Components for Material Design Lite

•    CSS

---

This library is now deprecated. It's higly recommended to use Material Design Components instead. Instead of using the official material.css and material.js files from the MDL project, you should use the files we provide in /extra. The reason to that is because the official Layout component is not fully compatible with React. We made a patch and we re-exported everything so people can still use it. If you're worried about the changes we made, you can take a look at the patch note or read about the issue in this ticket.

react react-component mdl material-design badge button card checkbox data-table fab-button icon icon-button icon-toggle radio radio-group switch textfield progress progress-bar spinner slider tooltip menu dropdown layout drawer grid tabs

react-window - React components for efficiently rendering large lists and tabular data

•    Javascript

---

React components for efficiently rendering large, scrollable lists and tabular data

react reactjs virtual window windowed list scrolling infinite virtualized table grid spreadsheet

reactabular - Spectacular tables for React (MIT)

•    Javascript

---

Spectacular tables for React

react table data-table reactjs tables react-components data-grid

fixed-data-table - A React table component designed to allow presenting thousands of rows of data.

•    Javascript

---

A React table component designed to allow presenting thousands of rows of data.

react react-component table data-table fixed-table

fixed-data-table - A React table component designed to allow presenting thousands of rows of data.

•    Javascript

---

This project is no longer maintained. We will not be accepting pull requests, addressing issues, nor making future releases. FixedDataTable is a React component for building and presenting data in a flexible, powerful way. It supports standard table features, like headers, columns, rows, header groupings, and both fixed-position and scrolling columns.

react react-component table data-table fixed-table

ngx-datatable - ✨ A feature-rich yet lightweight data-table crafted for Angular4 and beyond!

•    TypeScript

---

ngx-datatable is a Angular2+ table grid component for presenting large and complex data.

angular datatable table grid angular-components datagrid typescript angular4 angular2 angularjs angular-component

react-base-table - A react table component to display large datasets with high performance and flexibility

•    Javascript

---

The examples don't work on IE as they are powered by react-runner which is a react-live like library but only for modern browsers.

react table component grid virtualized

react-flexbox-grid - A set of React components implementing flexboxgrid with the power of CSS Modules

•    Javascript

---

react-flexbox-grid is a set of React components that implement flexboxgrid.css. It even has an optional support for CSS Modules with some extra configuration.react-flexbox-grid imports the styles from flexboxgrid, that's why we're configuring the loader for it.

css-modules flexbox-grid react-components flexbox grid react react-component

ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components

•    Javascript

---

* The features marked with an asterisk are available in the enterprise version only. Check out developers documentation for a complete list of features or visit our official docs for tutorials and feature demos.