JSFiddle - React, Tailwind, and code Playground
HTML
<table id="table2">
<tr>
<th>ID</th>
<th>Code</th>
<th>Amount</th>
<th>Time</th>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td style='mso-number-format:"#,##0.00"'>100.00</td>
<td>2014-09-22 18:59:25</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td style='mso-number-format:"#,##0.00"'>100.60</td>
<td>2014-09-22 18:59:25</td>
</tr>
</table>
<hr>
<a id="dlink" style="display:none;"></a>
<div id="name">filename</div>
<button id="btn">Export to Excel</button>
JavaScript
var tableToExcel = (function () {
var uri = 'data:application/vnd.ms-excel;base64,',
template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>',
base64 = function (s) {
return window.btoa(unescape(encodeURIComponent(s)))
}, format = function (s, c) {
return s.replace(/{(\w+)}/g, function (m, p) {
return c[p];
})
}
return function (table, name, filename) {
if (!table.nodeType) table = document.getElementById(table)
var ctx = {
worksheet: name || 'Worksheet',
table: table.innerHTML
}
document.getElementById("dlink").href = uri + base64(format(template, ctx));
document.getElementById("dlink").download = filename;
document.getElementById("dlink").traget = "_blank";
document.getElementById("dlink").click();
}
})();
function download(){
$(document).find('tfoot').remove();
var name = document.getElementById("name").innerHTML;
tableToExcel('table2', 'Sheet 1', name+'.xls')
//setTimeout("window.location.reload()",0.0000001);
}
var btn = document.getElementById("btn");
btn.addEventListener("click",download);