https://github.com/ay03/dynamic-data-table-angular
A dynamic Angular-based data table with inline editing, voice input, CSV/Excel upload, filtering, sorting, and CSV export. Built with PrimeNG UI components.
https://github.com/ay03/dynamic-data-table-angular
angular csv-upload data-table dynamic-ui excel-uploader frontend-project inline-editing primeng typescript voice-input
Last synced: 10 months ago
JSON representation
A dynamic Angular-based data table with inline editing, voice input, CSV/Excel upload, filtering, sorting, and CSV export. Built with PrimeNG UI components.
- Host: GitHub
- URL: https://github.com/ay03/dynamic-data-table-angular
- Owner: ay03
- Created: 2025-04-20T20:07:58.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-04-20T20:39:03.000Z (10 months ago)
- Last Synced: 2025-04-25T15:08:29.691Z (10 months ago)
- Topics: angular, csv-upload, data-table, dynamic-ui, excel-uploader, frontend-project, inline-editing, primeng, typescript, voice-input
- Language: TypeScript
- Homepage:
- Size: 2.32 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📊 Angular Dynamic Data Table
A dynamic and feature-rich data table built using Angular and PrimeNG. Upload files, edit rows, filter, sort, and even use your voice to input data.
---
## ✅ Features
- 📂 Upload CSV or Excel files (`.csv`, `.xlsx`)
- 🔍 Live column filtering
- 🔃 Sorting by text and number (custom)
- ✏️ Inline editing with right-click
- 🎤 Voice input (mic icon to dictate values)
- 📥 Download filtered data as CSV
- 📐 Column resizing
---
## 🛠️ Tech Stack
- Angular (v15+ with Standalone Components)
- PrimeNG (UI Components)
- PapaParse (for CSV)
- XLSX (for Excel)
- Web Speech API (voice input)
---
## 🚀 Running the App Locally
```bash
git clone https://github.com/YOUR_USERNAME/YOUR_REPO.git
cd YOUR_REPO
npm install
ng serve