Vue - 详细安装使用 SheetJS 表格解析插件,纯前端本地上传及解析 excel(xls) 表格文件数据,并在界面上进行预览、表格绘制等功能(支持组件库table表格搭配,可导出下载表格)

前言

如果您需要 Vue3 版本,请访问 这篇文章

本文 实现了在 vue 项目中,“纯前端” 完成本地上传 excel(*.xls) 文件后读取解析表格数据,并在前端页面 “渲染预览” 表格,支持搭配 element-ui / ant design vue 等前端组件库中的 table 组件,解析预览表格后同样支持导出下载功能,

本示例支持 “任何复杂” 表格,无论您有没有表头、缺字段等,都可以顺利解析,


如下图所示,无论是【普通版】或【搭配组件库版】都可以解析简单、复杂表格,非常好用!

另外,解析时还支持去掉 Excel 头部大标题,一般预览时不读取。

示例代码干净整洁,无论 ts/js 都可以使用

在这里插入图片描述

安装插件

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/134558668