说明:
vue项目使用xlsx实现前端导出Excel,但是许多样式无法实现,可以替换为xlsx-style样式。网上有个Export2Excel.js项目,直接修改一下即可使用。
实现效果如下:
根据内容依次存放下列内容
标题:大字体,高行距,合并所有列,无边框,中心对齐
题注:合并为两个单元格分别左右对齐,中等字体,无边框
表头:多重表头(标题1,标题二,合并信息),中等字体,细边框,中间内容根据月份选择改变
内容:序号列自增长,字符串字段为中小字体,数值为小字体。根据数据量改变行数,根据月份选择改变列数
脚注:合并所有列,中心对齐,中等字体,无边框
技术点:
1、动态计算列数,并设置行宽
2、动态计算行数,并设置行高,需要修改cpexcel.js文件添加['!rows']字段
3、将数据与excel内容对应。
4、计算合并列,包括所有的单元格合并都要计算。
例如如果要在表格下面添加一个合计列,需要修改合并信息,行高信息,修改数据信息在数据最后添加合计行,边框样式,字体样式这些,效果如下: