JSFiddle - React, Tailwind, and code Playground

by Sanal S

HTML

<script src="http://alasql.org/console/alasql.min.js"></script>
<button onclick="window.exportCSV()">Export table to Excel</button>
<table width="100%" id="table1" border="1" align="center">
  <tr>
    <th>Table 1</th>
    <th>Table 2</th>
    <th>Table 3</th>
    <th>Table 4</th>
  </tr>
  <tbody>
    
  </tbody>
</table>

JavaScript

window.exportCSV = function exportCSV() {
  var data1 = alasql('SELECT * FROM HTML("#table1",{headers:true})');
  var data2 = alasql('SELECT * FROM HTML("#table2",{headers:true})');
  var data = data1.concat(data2);
  alasql('SELECT * INTO CSV("data.csv",{headers:true}) FROM ?', [data]);
}