Bootstrap

前端数据 用js 导出 excel表

        页面经常遇到导出excel功能,一般的做法是使用后台代码POI类库生成excel文件,在浏览器里下载。在博客

https://blog.csdn.net/shijie_nihao/article/details/99236504  里说了怎么在前端导出文件,这篇文章介绍另外一个好用的js文件,

导出excel。

        github地址:https://github.com/SheetJS/js-xlsx/blob/master/dist/xlsx.full.min.js

        html页面使用方式:通过script标签引入xlsx.full.min.js即可

具体案例:

    案例01,根据json导出excel文件:

var wb = XLSX.utils.book_new()
var ws = XLSX.utils.json_to_sheet([
    { A:"S", B:"h", C:"e", D:"e", E:"t", F:"J", G:"S" },
    { A: 1,  B: 2,  C: 3,  D: 4,  E: 5,  F: 6,  G: 7  },
    { A: 2,  B: 3,  C: 4,  D: 5,  E: 6,  F: 7,  G: 8  }
], {header:["A","B","C","D","E","F","G"], skipHeader:true});
XLSX.utils.book_append_sheet(wb, ws, "sheet1");
XLSX.writeFile(wb, 'xlsx.xlsx');

未完待续,逐渐完善。。。

;