首页 > Web开发 > 详细

使用exceljs 前端导出表格并自定义样式和超链接

时间:2019-12-12 14:47:20      阅读:723      评论:0      收藏:0      [点我收藏+]

 


作者:Jiao_0805
链接:https://www.jianshu.com/p/dab03fb7d4e2
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

导入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.效果

技术分享图片

 

 

 

 

使用exceljs 前端导出表格并自定义样式和超链接

原文:https://www.cnblogs.com/MythLeige/p/12027951.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!