https://github.com/huzaifsk/table-component
https://github.com/huzaifsk/table-component
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/huzaifsk/table-component
- Owner: huzaifsk
- Created: 2025-05-25T09:59:01.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-05-29T07:22:05.000Z (5 months ago)
- Last Synced: 2025-05-29T08:42:47.495Z (5 months ago)
- Language: JavaScript
- Homepage: https://table-component-three.vercel.app
- Size: 55.7 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 📦 Getting Started
```bash
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Preview the build
npm run preview
```
## 📁 Project Structure
```
├── public/ # Static assets
├── src/
│ ├── data/ # data of employees
│ ├── components/ # React components
│ └── App.jsx # App entry point
├── index.html # HTML template
├── package.json
├── vite.config.js # Vite configuration
└── .eslintrc.cjs # ESLint rules
```
📊 Table Component Features
🔍 Column-wise Filtering – Filter rows based on individual column inputs (text and date).
📝 Inline Editing – Double-click on any cell to edit it in-place.
⬇️ Row Expansion – Expand rows to view additional details (projects, skills, performance, etc.).
🧠 Smart Filtering Logic – Handles nested data like details.project and details.skills.
✅ Row Selection – Select individual or all rows using checkboxes.
🗑️ Delete Selected Rows – Remove selected rows with a single action.
📤 CSV Export – Export the currently filtered table data to a downloadable CSV file.
🔃 Keyboard Shortcuts – Save (Enter) or cancel (Esc) edits from the keyboard.
📆 Date Filtering – Filter by exact joined date using a date picker.