Skip to content

A dynamic Angular-based data table with inline editing, voice input, CSV/Excel upload, filtering, sorting, and CSV export. Built with PrimeNG UI components.

Notifications You must be signed in to change notification settings

ay03/dynamic-data-table-angular

Repository files navigation

📊 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

git clone https://github.com/YOUR_USERNAME/YOUR_REPO.git
cd YOUR_REPO
npm install
ng serve

About

A dynamic Angular-based data table with inline editing, voice input, CSV/Excel upload, filtering, sorting, and CSV export. Built with PrimeNG UI components.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published