因为项目中有需求要展示excel(内容只有一些简单的地址/地区等信息,没有复杂的样式,只是包含了一些合并的表格),所以利用XLSX的读写功能,对读取后的数据进行二次处理并展示。效果截图在最下边 先上代码(直接从项目中摘抄出一部分,并附上了注释):
//当时项目用的是vue,为了省事只将有用的部分筛选了出来
{{sub.name}}
本地文件(样式是我自己加的,读取或写入样式需要将cellStyles设置为true):
文章图片
【前端使用xlsx.js导入导出excel并展示】页面渲染的table(只实现了表格合并,没有对其他样式进行处理):
文章图片
导出后的文件:
文章图片
推荐阅读
- 前端知识库
- 【开发日记】MongoDB学习日记
- JS json数据导出为Excel(单表头、不设置样式)
- 数据类型的判断方式以及转换方式的汇总
- 我做了一个在线白板!!!
- 编辑当前行 其他行不变
- axios拦截器执行流程分析
- el-table分页数据+回显+勾选状态+记录数据(map实战)