
前言
近期有個(gè)后臺(tái)管理項(xiàng)目需要用到導(dǎo)出excel表格,主要是做性能檢測(cè)的平臺(tái),所以有大量數(shù)據(jù)需要導(dǎo)出,并且通過(guò)excel跳轉(zhuǎn)平臺(tái),每個(gè)數(shù)據(jù)都有獨(dú)立鏈接。
開(kāi)始
導(dǎo)入npm插件庫(kù)
1.npm install exceljs
2.單獨(dú)抽出一個(gè)組件功能
3.引入exceljs

4.開(kāi)始擼代碼
//create a workbook
? var workbook = new Excel.Workbook();
?//add header
? ?var ws1 = workbook.addWorksheet(appName + "-" + base_type +type, {properties:{tabColor:{argb:'FFC0000'}}});
5.單獨(dú)單元格設(shè)置獨(dú)立樣式

6.處理數(shù)據(jù)

7.數(shù)據(jù)加入工作表

8.單元格設(shè)置超鏈接

9.設(shè)置行高行寬等公共樣式

10.模塊引入功能

11.click事件導(dǎo)出excel

12.效果

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