https://github.com/janlukasschroeder/react-excel

React component to generate tables that allow add/remove/validate of columns/rows during runtime
https://github.com/janlukasschroeder/react-excel

excel excel-table react react-excel-table redux table table-view

Last synced: about 1 year ago
JSON representation

React component to generate tables that allow add/remove/validate of columns/rows during runtime

• Host: GitHub
• URL: https://github.com/janlukasschroeder/react-excel
• Owner: janlukasschroeder
• Created: 2018-12-19T06:01:45.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-12-19T06:19:59.000Z (over 7 years ago)
• Last Synced: 2025-05-08T02:03:03.875Z (about 1 year ago)
• Topics: excel, excel-table, react, react-excel-table, redux, table, table-view
• Language: JavaScript
• Homepage:
• Size: 141 KB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# In-Browser Editable Excel Table (React.js)

Demo: https://9899ojyx5o.codesandbox.io/

![demo1](https://media.giphy.com/media/2YraOA5CPXuvr4ylQb/giphy.gif)

![demo2](https://media.giphy.com/media/SGCvUiciyg9KRONJ5g/giphy.gif)

## Features

- Upload Excel/CSV file (nothing is actually being uploaded; the file is processed by your browser).

- Add/edit/delete rows.

- Add/edit/delete column.

- Edit headers.

- Write custom `validate` functions to validate the content of each cell in a given column.

- Mobile number validation function included. All cells in column `Mobile` are validated using `libphonenumber-js`.

- Set headers as `read-only`, ie. preventing a column to be deleted.

- Add new row on `Tab` when cursor is located in last cell

## Stack

- xlsx

- libphonenumber-js

- redux + redux-thunk