使用js-xlsx库,将数据导出为Excel表格

╰+攻爆jí腚メ 2022-02-01 12:17 710阅读 0赞 
  1. npm install xlsjs

引入xlsx.full.min.js 

  1. <body>
  2. <button type="button" onclick="exportData()">
  3.     导出表格
  4. </button>
  5. <script src="../assets/js/xlsx.full.min.js"></script>
  6. <script type="text/javascript">
  7.     function exportData() {
  8.         let data = [
  9.             {name: "张三", id: "123"},
  10.             {name: "李四", id: "124"}
  11.         ];
  12.         exportExcel(data, "数据导出表格")
  13.     }
  15.     function exportExcel(data, filename) {
  16.         /* 如果没有导入xlsx组件则导入 */
  17.         if (typeof XLSX == 'undefined') XLSX = require('xlsx');
  18.         let ws = XLSX.utils.json_to_sheet(data);
  19.         let wb = XLSX.utils.book_new();
  20.         XLSX.utils.book_append_sheet(wb, ws, "People");
  21.         XLSX.writeFile(wb, filename + ".xlsx");
  22.     }
  23. </script>
  24. </body>

效果

2019051415090824.png

20190514150016298.png

发表评论

表情：
评论列表 （有 0 条评论，710人围观）

还没有评论，来说两句吧...

相关阅读