前端頁面表格導出為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');

需要把這兩個方式的代碼存到一個點擊事件中，點擊按鈕就下載下來啦，是不是很牛逼