Smart Table Loader is a lightweight, browser-based tool that lets you upload and display CSV, Excel (.xls/.xlsx), or JSON files in a dynamic and interactive HTML table powered by DataTables.js. This tool is great for quick data analysis without the need for installing heavy software.
Demo: https://basemax.github.io/smart-table-loader/
- Upload
.csv
,.xls
,.xlsx
, or.json
files - Automatic detection and sanitization of table headers
- DataTables integration with:
- Column visibility toggling
- Export to Excel, CSV, Copy
- Responsive and scrollable tables
- State saving (remembers table settings)
- File info display before rendering
- Minimal and clean UI using Google Fonts
Clone the repository and open index.html
in any modern web browser:
git clone https://github.com/BaseMax/smart-table-loader.git
cd smart-table-loader
open index.html # or double-click to open in browser
smart-table-loader/
├── css/
│ ├── buttons.dataTables.min.css
│ └── jquery.dataTables.min.css
├── js/
│ ├── papaparse.min.js
│ ├── xlsx.full.min.js
│ ├── jquery-3.7.1.min.js
│ ├── jquery.dataTables.min.js
│ ├── dataTables.buttons.min.js
│ ├── buttons.html5.min.js
│ ├── buttons.colVis.min.js
│ ├── buttons.print.min.js
│ └── lib.js # Main file logic
├── index.html # UI entry point
├── data.csv # Example data file
├── LICENSE
└── README.md
- Open
index.html
in your browser. - Click on the "Upload" field and select a CSV, Excel, or JSON file.
- View your data rendered in a feature-rich HTML table.
Use CSVLint.io to validate your CSV files before uploading.
This project uses:
- PapaParse (for parsing CSV)
- SheetJS (xlsx) (for Excel)
- DataTables and extensions
This project is inspired by csv-to-html-table, and I have enhanced it with many additional features.
MIT License © 2025 Max Base