JSFiddle - React, Tailwind, and code Playground
HTML
<table id="aaa" style="width:100%">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
<button>aaa
</button>
</button>
JavaScript
function exportGrid(gridID,filename) {
var html = $('#' + gridID).html();
var a = document.createElement('a');
a.id = 'ExcelDL';
a.href = 'data:application/vnd.ms-excel,' + html;
a.download = filename + ".xls";
document.body.appendChild(a);
a.click(); // Downloads the excel document
document.getElementById('ExcelDL').remove();
}
$(document).ready(function() {
$("button").click(function(){
exportGrid("aaa","The excel name");
});
});