html js 合并单元格合并单元格,纯前端利用 js-xlsx 之合并单元格(3)

前言 前两篇文章主要基本导入导出和导出不同格式文件,这次是因为有小伙伴问我怎么合并单元格。其实吧很多东西官网https://github.com/SheetJS/js-xlsx讲的比我清楚多了,不过既然问了我也就讲一下吧!!

其他文章传送门:

1.导入数据观察数据格式

1.1.我们先创建一个具有合并单元格的xlsx表格

就以表头数据合并示例吧:

示例

1.2.写个简单的数据导入功能(你可以参考前言中的文章编写,我就不放代码了)

导入xlsx参考数据格式:

示例

1.3.查看官网说明

官网

官网示例

根据官网说明我们简单看出合并单元格的数据格式是:

........

data["!merges"] = [{

s: {//s为开始

c: 1,//开始列

r: 0//可以看成开始行,实际是取值范围

},

e: {//e结束

c: 4,//结束列

r: 0//结束行

}

}];

........

2.动手实验

2.1.写个简单的导出demo

//如果使用 FileSaver.js 就不要同时使用以下函数

function saveAs(obj, fileName) {//当然可以自定义简单的下载文件实现方式

var tmpa = document.createElement("a");

tmpa.download = fileName || "下载";

tmpa.href = URL.createObjectURL(obj); //绑定a