Save any HTML table by CSS selector as CSV file from browser console

readme.md

How to use

1. Open browser console (Chrome, Edge: Ctrl + Shift + J, Firefox: Ctrl + Shift + K, Safari: Command + Option + C)
2. Copy-paste html_table_to_csv.js contents and press Enter.
3. Use function table_as_csv to download your data:

   table_as_csv("table"); // Use your own table selector here, and optionally filename

html_table_to_csv.js

function download_data(data, filename, filetype) {
    var file = new Blob([data], {type: filetype});

    var downloadLink = document.createElement("a");
    downloadLink.download = filename;
    downloadLink.href = window.URL.createObjectURL(file);
    downloadLink.style.display = "none";
  
    document.body.appendChild(downloadLink);
    downloadLink.click();
    downloadLink.remove();
}

function table_to_csv(selector) {
  var csv = [];
  var html = document.querySelector(selector);
	var rows = html.querySelectorAll("table tr");
	
  for (var i = 0; i < rows.length; i++) {
		var row = [], cols = rows[i].querySelectorAll("td, th");
    for (var j = 0; j < cols.length; j++) {
      row.push('"'+cols[j].innerText.replace(/\"/g, '""')+'"');
    }
        
		csv.push(row.join(","));		
	}

  return csv.join("\n");
}

function table_as_csv(selector, filename = 'table.csv') {
  download_data(table_to_csv(selector), filename, "text/csv");
}