H5純前端生成Excel表格


H5純前端生成Excel表格方法如下:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title></title>
 5     <meta charset="utf-8">
 6     <meta http-equiv="x-ua-compatible">
 7 </head>
 8 <body>
 9 </body>
10 <script src="alasql.js"></script>
11 <script src="xlsx.core.min.js"></script>
12 <script>
13     var arr = [
14       {
15         "姓名":"喵喵喵",
16         "年齡":1,
17       },
18       {
19         "姓名":"喵喵",
20         "年齡":2,
21       }
22     ];
23     alasql('SELECT * INTO XLS("報表.xls",{headers:true}) FROM ?',[arr]);
24 </script>
25 </html>

該html文件引入了兩個js文件,alasql.js和xlsx.core.min.js。

點擊運行頁面,即可生成excel表格並下載,效果如下:

 代碼示例放在了github上,具體地址為:https://github.com/LuoYiHao/generate-excel


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM