https://github.com/archit-p/editable-react-table

React table built to resemble a database.
https://github.com/archit-p/editable-react-table

database datagrid datatables react table

Last synced: 4 months ago
JSON representation

React table built to resemble a database.

• Host: GitHub
• URL: https://github.com/archit-p/editable-react-table
• Owner: archit-p
• License: mit
• Created: 2021-05-13T10:45:54.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2023-12-22T23:00:25.000Z (about 1 year ago)
• Last Synced: 2024-08-02T05:13:43.374Z (7 months ago)
• Topics: database, datagrid, datatables, react, table
• Language: JavaScript
• Homepage:
• Size: 190 KB
• Stars: 664
• Watchers: 11
• Forks: 79
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• jimsghstars - archit-p/editable-react-table - React table built to resemble a database. (JavaScript)

README

        
# Editable React Table

> [!NOTE]

> [Rowstack](https://rowstack.io) is a professional React database component I built that's brilliantly designed, feature rich and performant. Check it out!

[![Edit editable-react-table](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/editable-react-table-gchwp?fontsize=14&hidenavigation=1&theme=dark)

![editable-react-table](https://user-images.githubusercontent.com/30985772/118361385-dd7caa00-b5a8-11eb-808b-1b4075f4a09d.gif)

## 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.

```bash

git clone https://github.com/archit-p/editable-react-table

```

2. Install dependencies and build.

```bash

npm install

npm start

```

## Contributions

Contributions are welcome! Feel free to pick an item from the roadmap below or open a fresh issue!

## Roadmap

- [x] Support for virtualized rows

- [ ] Date data-type

- [ ] Multi-Select data-type

- [ ] Checkbox data-type

- [ ] Animating dropdowns

- [ ] Performance - supporting 100000 rows