Skip to content

Instantly share code, notes, and snippets.

@usimsek

usimsek/jsExcelExport.html

Last active October 3, 2022 13:55
Show Gist options
  • Save usimsek/8630b78813397e6c07005bc1a678d4bb to your computer and use it in GitHub Desktop.
Save usimsek/8630b78813397e6c07005bc1a678d4bb to your computer and use it in GitHub Desktop.
Download ZIP
html table to export excel javascript
Raw
jsExcelExport.html
<html>
<head>
<style>
table,
td,
th {
border: 1px solid;
border-collapse: collapse;
}
</style>
</head>
<body>
<button onclick="tableToExcel('excelExport', 'Orer istesi')" type="button" class="btn btn-outline-success btn-lg btn-icon border-2 legitRipple" data-popup="tooltip" title="excel" data-placement="top">
<i class="icon-file-excel"></i>
</button>
<div id="wrapper">
<table id="excelExport">
<tr>
<th>Name</th>
<th>Email</th>
<th>Country</th>
</tr>
<tr>
<td>John Doe</td>
<td>john@gmail.com</td>
<td>USA</td>
</tr>
<tr>
<td>US</td>
<td>us@gmail.com</td>
<td>TR</td>
</tr>
<tr>
<td>Sam Farmer</td>
<td>sam@gmail.com</td>
<td>France</td>
</tr>
</table>
</div>
<script>
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]--><meta http-equiv="content-type" content="text/plain; charset=UTF-8"/></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) {
if (!table.nodeType) table = document.getElementById(table)
var ctx = { worksheet: 'Orer List' || 'Worksheet', table: table.innerHTML}
var a = document.createElement('a');
a.href = uri + base64(format(template, ctx))
a.download = name + '.xls'; // buton onclickden alıyor adı kısmını
//triggering the function
a.click();
}
})()
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment