Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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](https://codesandbox.io/s/editable-react-table-gchwp?fontsize=14&hidenavigation=1&theme=dark)

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