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

因为项目中有需求要展示excel(内容只有一些简单的地址/地区等信息,没有复杂的样式,只是包含了一些合并的表格),所以利用XLSX的读写功能,对读取后的数据进行二次处理并展示。

效果截图在最下边

先上代码(直接从项目中摘抄出一部分,并附上了注释):

//当时项目用的是vue,为了省事只将有用的部分筛选了出来



本地文件(样式是我自己加的,读取或写入样式需要将cellStyles设置为true):
前端使用xlsx.js导入导出excel并展示_第1张图片
页面渲染的table(只实现了表格合并,没有对其他样式进行处理):
前端使用xlsx.js导入导出excel并展示_第2张图片
导出后的文件:
前端使用xlsx.js导入导出excel并展示_第3张图片

欢迎大家留言讨论!!!

你可能感兴趣的:(javascript,前端)