使用exceljs 前端導出表格并自定義樣式和超鏈接


前言

近期有個后臺管理項目需要用到導出excel表格,主要是做性能檢測的平臺,所以有大量數據需要導出,并且通過excel跳轉平臺,每個數據都有獨立鏈接。

開始

導入npm插件庫

1.npm install exceljs

2.單獨抽出一個組件功能

3.引入exceljs

4.開始擼代碼

//create a workbook

? var workbook = new Excel.Workbook();

?//add header

? ?var ws1 = workbook.addWorksheet(appName + "-" + base_type +type, {properties:{tabColor:{argb:'FFC0000'}}});

5.單獨單元格設置獨立樣式


6.處理數據


7.數據加入工作表


8.單元格設置超鏈接


9.設置行高行寬等公共樣式


10.模塊引入功能


11.click事件導出excel


12.效果


github地址有源碼:https://github.com/li328250157?歡迎start

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容