使用exceljs 前端導(dǎo)出表格并自定義樣式和超鏈接


前言

近期有個(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

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

友情鏈接更多精彩內(nèi)容