美文网首页
使用exceljs 前端导出表格并自定义样式和超链接

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

作者: Jiao_0805 | 来源:发表于2019-08-23 17:12 被阅读0次


前言

近期有个后台管理项目需要用到导出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

相关文章

网友评论

      本文标题:使用exceljs 前端导出表格并自定义样式和超链接

      本文链接:https://www.haomeiwen.com/subject/tdvtectx.html