Skip to content

Latest commit

 

History

20 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Smart Table Loader

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.

Smart Table Loader

Demo: https://basemax.github.io/smart-table-loader/

πŸš€ Features

  • 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

πŸ”§ Installation

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

πŸ“ Project Structure

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

πŸ“Š Demo Usage

  1. Open index.html in your browser.
  2. Click on the "Upload" field and select a CSV, Excel, or JSON file.
  3. View your data rendered in a feature-rich HTML table.

πŸ”— Validate CSV Files

Use CSVLint.io to validate your CSV files before uploading.

πŸ§ͺ Dependencies

This project uses:

πŸ“œ License

This project is inspired by csv-to-html-table, and I have enhanced it with many additional features.

MIT License Β© 2025 Max Base

About

Smart Table Loader is a lightweight, browser-based tool that lets you upload and display CSV (comma separated values), 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.

Topics

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages