https://github.com/marleydip/react-table-with-editable-cells-tailwind-css

A lightweight React table with inline cell editing, search, filtering, add/delete rows, and undo functionality - built entirely without external table libraries.
https://github.com/marleydip/react-table-with-editable-cells-tailwind-css

conditional-rendering functional-components javascript-array-methods javascript-object-methods lists-and-keys props-and-state-components ternary-operator usestate-hook

Last synced: 2 months ago
JSON representation

A lightweight React table with inline cell editing, search, filtering, add/delete rows, and undo functionality - built entirely without external table libraries.

• Host: GitHub
• URL: https://github.com/marleydip/react-table-with-editable-cells-tailwind-css
• Owner: marleyDip
• Created: 2025-08-13T15:34:11.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-08-13T16:28:37.000Z (3 months ago)
• Last Synced: 2025-08-13T17:41:22.945Z (3 months ago)
• Topics: conditional-rendering, functional-components, javascript-array-methods, javascript-object-methods, lists-and-keys, props-and-state-components, ternary-operator, usestate-hook
• Language: JavaScript
• Homepage:
• Size: 33.2 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🧩 React Editable Table — Pure React & Tailwind

## Build a fully editable data table with React Hooks & Tailwind CSS — no heavy table libraries. Features include inline cell editing, search, filtering, row addition and deletion, and undo / Redo.

### ✨ Features

- ✏️ Editable cells (click to edit, Enter to save, Esc to cancel)

- 🔎 Search across rows

- 🧰 Column filters

- ➕ Add row / 🗑️ Delete row

- ↩️ Undo / Redo recent actions (edit/add/delete)

- ♿ Keyboard-friendly and responsive UI

- 🪶 Zero table libs — React hooks & Tailwind

### 🛠️ Tech Stack

- React (hooks, Uncontrolled inputs)

- Tailwind CSS

- useMemo for filter data (search & select)

- UseRef for Edit Value

### Project Overview