前端使用xlsx.js导入导出excel并展示

因为项目中有需求要展示excel(内容只有一些简单的地址/地区等信息,没有复杂的样式,只是包含了一些合并的表格),所以利用XLSX的读写功能,对读取后的数据进行二次处理并展示。
效果截图在最下边 先上代码(直接从项目中摘抄出一部分,并附上了注释):
//当时项目用的是vue,为了省事只将有用的部分筛选了出来

本地文件(样式是我自己加的,读取或写入样式需要将cellStyles设置为true):
前端使用xlsx.js导入导出excel并展示
文章图片

【前端使用xlsx.js导入导出excel并展示】页面渲染的table(只实现了表格合并,没有对其他样式进行处理):
前端使用xlsx.js导入导出excel并展示
文章图片

导出后的文件:
前端使用xlsx.js导入导出excel并展示
文章图片

    推荐阅读