https://github.com/jbetancur/react-data-table-component

A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
https://github.com/jbetancur/react-data-table-component

react react-components reactjs table

Last synced: 2 days ago
JSON representation

A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.

• Host: GitHub
• URL: https://github.com/jbetancur/react-data-table-component
• Owner: jbetancur
• License: apache-2.0
• Created: 2018-03-16T04:31:39.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2024-09-27T17:25:39.000Z (3 months ago)
• Last Synced: 2024-10-29T15:04:51.533Z (about 1 month ago)
• Topics: react, react-components, reactjs, table
• Language: TypeScript
• Homepage: https://react-data-table-component.netlify.app
• Size: 23.2 MB
• Stars: 2,050
• Watchers: 33
• Forks: 413
• Open Issues: 74
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE-OF-CONDUCT.md

Awesome Lists containing this project

• awesome-react-components - react-data-table - [demo/docs](https://jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination (UI Components / Table)
• awesome-react - react-data-table - Accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination.  (UI Components / Table)
• awesome-react-components - react-data-table - [demo/docs](https://jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination (UI Components / Table)
• awesome-react-components - react-data-table - [demo/docs](https://jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination (UI Components / Table)
• best-of-react - GitHub - 6% open · ⏱️ 09.03.2024): (Data Tables & Grids)
• fucking-awesome-react-components - react-data-table - 🌎 [demo/docs](jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination (UI Components / Table)

README

        
[![Netlify Status](https://api.netlify.com/api/v1/badges/26e0d16d-a986-46b1-9097-1a76c10d7cad/deploy-status)](https://app.netlify.com/sites/react-data-table-component/deploys) [![npm version](https://badge.fury.io/js/react-data-table-component.svg)](https://badge.fury.io/js/react-data-table-component) [![codecov](https://codecov.io/gh/jbetancur/react-data-table-component/branch/master/graph/badge.svg)](https://codecov.io/gh/jbetancur/react-data-table-component) [![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)

# React Data Table Component

[![GitHub release](https://img.shields.io/github/release/jbetancur/react-data-table-component.svg)](https://GitHub.com/jbetancur/react-data-table-component/releases/)

Creating yet another React table library came out of necessity while developing a web application for a growing startup. I discovered that while there are some great table libraries out there, some required heavy customization, were missing out of the box features such as built in sorting and pagination, or required understanding the atomic structure of html tables.

If you want to achieve balance with the force and want a simple but flexible table library give React Data Table Component a chance. If you require an Excel clone, then this is not the React table library you are looking for 👋

# Key Features

- Declarative configuration

- Built-in and configurable:

  - Sorting

  - Selectable Rows

  - Expandable Rows

  - Pagination

- Themeable/Customizable

- Accessibility

- Responsive (via x-scroll/flex)

# Documentation Website

[![Netlify Status](https://api.netlify.com/api/v1/badges/26e0d16d-a986-46b1-9097-1a76c10d7cad/deploy-status)](https://app.netlify.com/sites/react-data-table-component/deploys)

The documentation contains information about installation, usage and contributions.

https://react-data-table-component.netlify.app

# Supporting React Data Table Component

If you would like to support the project financially, visit

[our campaign on OpenCollective](https://opencollective.com/react-data-table-component). Your contributions help accelerate the development of React Data Table Component!



	



# Contributors