前端页面表格导出为Excel

使用xlsx插件,打开npmjs.com查找到它的官方文档,跟着它的案例做就行

有两种比较常用的使用方法

  * 1 table标签转换Excel

//获取table标签
var tbl = document.querySelector('table');
//把table转出工作簿
var wb = XLSX.utils.table_to_book(tbl,{sheet:"Sheet JS"});
//最后一步是保存到本地
XLSX.writeFile(wb,'呵呵哒.xlsx');

 

  * 2 数组转换Excel

let arr =[
      ["序号",'姓名','年纪'],
      ["0",'呵呵哒','15'],
      ["1",'12313','15'],
    ]
    // 将数组转化为标签页 
    var ws = XLSX.utils.aoa_to_sheet(arr);
    // 创建工作薄
    var wb = XLSX.utils.book_new() 
    // 将标签页插入到工作薄里
    XLSX.utils.book_append_sheet(wb,ws)
    // 将工作薄导出为excel文件
    XLSX.writeFile(wb,'呵呵哒.xlsx');

需要把这两个方式的代码存到一个点击事件中,点击按钮就下载下来啦,是不是很牛逼

posted @ 2020-03-28 21:48  逆战-顶瓜瓜  阅读(822)  评论(0编辑  收藏  举报