使用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地址有源碼：github.com/li328250157 歡迎start