LAY-EXCEL导出excel并实现单元格合并

原创

已于 2024-03-24 21:24:49 修改 · 3.5k 阅读

标签

#excel #前端 #vue.js #javascript

于 2023-03-08 10:42:53 首次发布

通过lay-excel插件实现Excel导出，并实现单元格合并，样式设置等功能。

更详细描述，请去lay-excel插件文档查看，地址：快速上手 · LAY-EXCEL 插件文档

一、安装

这里使用Vue前端框架来演示Excel导出功能，可通过npm进行安装，代码如下：

$ npm i lay-excel

以下只是将这次演示demo中会使用到函数及相关参数进行列举，如果需更深入了解或更复杂功能实现，可去lay-excel的插件文档中查看。

用于将 data 数据依次导出，如果需要调整导出后的文件字段顺序或者过滤多余数据，可使用filterExportData()来梳理。另个导出每行数据对应key数量必须一致，否则会出现错位现象。

参数配置：

参数名称	描述	默认值
data	数据列表（需指定表名）	必填
filename	文件名称（带后缀）	必填
type	导出类型，支持 xlsx、csv、ods、xlsb、fods、biff2	xlsx
options	其他可选配置	null

options支持参数：

参数名称	描述	默认值
Props	配置文档基础属性，支持Title、Subject、Author、Manager、Company、Category、Keywords、Comments、LastAuthor、CreatedData	null
extend	表格配置参数，支持 !merge (合并单元格信息)、!cols(行数)、!protect(写保护)等，原生配置请参考，其中 !merge 配置支持辅助方法生成，详见 makeMergeConfig(origin)！	null
compression	是否压缩，压缩效果比较明显，建议开启（9列9w行有较多重复的数据，从 30M 缩小到 3M）	true
writeOpt	写入函数的可选项覆盖，一般用默认生成的配置即可，具体请查看 Writing Options	undefined

辅助方法，梳理导出的数据，包括字段排序和多余数据过滤。

单元格属性含义：