我有一个关于导出的问题HTML表格 as an xlsx文件。我做了一些工作,现在我可以将其导出为xls,但我需要将其导出为xlsx.
这是我的 jsFiddle: https://jsfiddle.net/272406sv/1/ https://jsfiddle.net/272406sv/1/
这是我的 HTML:
<table id="toExcel" class="uitable">
<thead>
<tr>
<th>Kampanya Basligi</th>
<th>Kampanya Türü</th>
<th>Kampanya Baslangiç</th>
<th>Kampanya Bitis</th>
<th style="text-align: center">Aksiyonlar</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="Item in campaign.campaignList">
<td> Item.CampaignTitle </td>
<td> Item.CampaignHotelType </td>
<td> Item.CampaignHotelCheckInDate) </td>
<td>Item.CampaignHotelCheckOutDate</td>
<td style="text-align: center">
<button> Some Action </button>
</td>
</tr>
</tbody>
</table>
<button onclick="exceller()">EXCEL</button>
这是我的 JavaScript 代码:
<script>
function exceller() {
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];
})
}
var toExcel = document.getElementById("toExcel").innerHTML;
var ctx = {
worksheet: name || '',
table: toExcel
};
var link = document.createElement("a");
link.download = "export.xls";
link.href = uri + base64(format(template, ctx))
link.click();
}
</script>
A great用于导出的客户端工具html
表到xlsx
, xls
, csv
, or txt
is 表导出 https://github.com/clarketm/TableExport by clarketm https://github.com/clarketm (me)。它是一个简单、易于实现、功能齐全的库,具有大量可配置的属性和方法。
Install
$ npm install tableexport
Usage
TableExport(document.getElementsByTagName("table"));
// OR using jQuery
$("table").tableExport();
文档 https://tableexport.v5.travismclarke.com
帮助您入门的示例应用程序
- 表导出 + RequireJS https://github.com/clarketm/tableexport_requirejs_app
- 表导出 + Flask https://github.com/clarketm/tableexport_flask_app
- 表导出 + Webpack 1 https://github.com/clarketm/tableexport_webpack-v1_app
- 表导出 + Angular 4 + Webpack 2 https://github.com/clarketm/tableexport_angular4_webpack2_app
查看简明扼要的docs https://tableexport.v4.travismclarke.com/或者只是前往TableExport https://github.com/clarketm/TableExport在 Github 上获取完整的功能列表。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)