Display any CSV file as a searchable, filterable, pretty HTML table
Published on: 2025-06-26 20:31:01
CSV to HTML Table
Display any CSV file as a searchable, filterable, pretty HTML table. Done in 100% JavaScript.
Check out the working demo: https://csv-to-html-table.netlify.app/
Usage
1. Clone this repository (in the command line)
git clone [email protected]:derekeder/csv-to-html-table.git cd csv-to-html-table
2. Add your CSV file to the data/ folder
3. In index.html set your options in the CsvToHtmlTable.init() function
< script > CsvToHtmlTable . init ( { csv_path : 'data/Health Clinics in Chicago.csv' , element : 'table-container' , allow_download : true , csv_options : { separator : ',' , delimiter : '"' } , datatables_options : { "paging" : false } } ) ;
Available options
csv_path Path to your CSV file.
Path to your CSV file. element The HTML element to render your table to. Defaults to table-container
The HTML element to render your table to. Defaults to allow_download if true, shows a link to download the CSV file. Defaults to false
if true, shows a link t
... Read full article.