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.
- π 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
Upload CSV or Excel Files
Upload
Auto-Numbered Rows
Row Numbers
Edit Cell by Typing
Edit by Typing
Edit Cell Using Voice Input
Edit by Voice
Hover Tooltip for Editing Instructions
Hover Info
Filter by Column
Filter
Sort by Column
Sort
Resize Table Columns
Resize Columns
Download Filtered Data as CSV
Download CSV
Microphone Icon for Voice Input
Mic Icon
- Angular (v15+ with Standalone Components)
- PrimeNG (UI Components)
- PapaParse (CSV parsing)
- XLSX (Excel support)
- Web Speech API (Voice input)
git clone https://github.com/ay03/dynamic-data-table-angular.git
cd dynamic-data-table-angular
npm install
ng serve