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