Editable React Table Built To Resemble A Database

by React

Editable React Table

React table built to resemble a database.

View Demo Download Source

Features

  • Resizing columns
  • Cell data types - number, text, select
  • Renaming column headers
  • Sort on individual columns
  • Adding columns to left or right of a column
  • Adding column to end
  • Editing data in cells
  • Adding a new row of data
  • Deleting a column
  • Changing column data types
  • Adding options for cells of type select

Getting Started

  1. Clone this repository.
git clone https://github.com/archit-p/editable-react-table
  1. Install dependencies and build.
npm install
npm start

Contributions

Contributions are welcome!

Possible ideas:

  • Adding support for virtualized rows
  • Adding data types for date, multi-select and checkbox
  • Animating dropdowns

If you're interested in working on any of these, get in touch!