前端页面表格导出为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');

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM