jQuery Plugin For Exporting HTML Tables to CSV

jQuery Table To Csv is a small, configurable table-to-CSV converter that allows you to convert HTML table to CSV data. Optionally, the plugin has the ability to automatically export and download data as a CSV file so that you can edit/modify it in Excel.

Must Read: Lightweight JavaScript Library for Exporting HTML Tables to CSV File | TableToCSV

Table of Contents

How to make use of it:

1. Load the tableToCsv.min.js script.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/dist/tableToCsv.min.js"></script>

2. Call the function tableToCsv in your HTML table:

$('table').tableToCsv({
  filename: 'example.csv'
});

3. Disable Auto-Download and append the converted CSV information to a container.

let csv = $('table').tableToCsv({
    autoDownload: false
});
$('#output').html(csv);

4. Change the value separator in CSV.

$('table').tableToCsv({
  filename: 'example.csv',
  separator: '.',
});

5. Specify the Colspan mode: empty or replicate.

$('table').tableToCsv({
  filename: 'example.csv',
  colspanMode: 'replicate',
});

6. Available event handlers.

$('table').tableToCsv({
  fn_onInit: null,
  fn_onComplete: null,
  fn_onError: null
});

Parameters

Must Read: Exporting an HTML Table to an Excel File for jQuery plugin | tableToExcel.js

Parameter	Type	Default	Required	Description
filename	string	`null`	✔️/✖️	Name of the CSV file, required if autoDownload is enabled.
separator	string	`','`	✖️	CSV field separator token
colspanMode	string	`'empty'`	✖️	Colspan mode, can be: empty or replicate
autoDownload	boolean	`true`	✖️	If true, auto starts a download after conversion, otherwise, returns the CSV content
fn_onInit	function	`null`	✖️	Called before the process started
fn_onComplete	function	`null`	✖️	Called before downloading/returning csv content
fn_onError	function	`null`	✖️	Called when an error occurs in the process