0
点赞
收藏
分享

微信扫一扫

使用xlsx-style导出excel月报表的几个技术点


​​

说明:

vue项目使用xlsx实现前端导出Excel,但是许多样式无法实现,可以替换为xlsx-style样式。网上有个Export2Excel.js项目,直接修改一下即可使用。

实现效果如下:

使用xlsx-style导出excel月报表的几个技术点_字段

 

根据内容依次存放下列内容

标题:大字体,高行距,合并所有列,无边框,中心对齐

题注:合并为两个单元格分别左右对齐,中等字体,无边框

表头:多重表头(标题1,标题二,合并信息),中等字体,细边框,中间内容根据月份选择改变

内容:序号列自增长,字符串字段为中小字体,数值为小字体。根据数据量改变行数,根据月份选择改变列数

脚注:合并所有列,中心对齐,中等字体,无边框

技术点:

1、动态计算列数,并设置行宽

2、动态计算行数,并设置行高,需要修改cpexcel.js文件添加['!rows']字段

3、将数据与excel内容对应。

4、计算合并列,包括所有的单元格合并都要计算。

例如如果要在表格下面添加一个合计列,需要修改合并信息,行高信息,修改数据信息在数据最后添加合计行,边框样式,字体样式这些,效果如下:

使用xlsx-style导出excel月报表的几个技术点_字段_02

 

举报

相关推荐

0 条评论