sabina929 / React-editable-table

React editable table from scratch

Home Page:https://reacteditabletable.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React editable employees table (datasheet)

This project was created from scratch w/o using any external module such as react-data-grid, react-datasheet and etc.

Features

  • view all employees in one table
  • edit desired cells (inline editing)
  • mark any row as deleted
  • undo delete operation
  • get the list of updated (if any attribute is different from the initial value) employees. If the value of any cell has been changed, but then returned to the previous value, this employee isn't assumed as updated.
  • get the list of employees marked as deleted. If the employee has been updated and then marked as deleted, it remains in the deleted list.
  • reset data (return all changes to the initial state)
  • display the JSON data of updated and deleted employees by clicking the “Submit Data” button
  • download the JSON data
  • search functionality
  • basic validations (date, phone number validation etc.)
  • pagination

ENJOY IT! 🖖🙌