之前写过一篇博客,是关于elementUi—table组件+xlsx插件实现导出——sheetJs
的,之前实现的功能有:
- 根据
dom
获取内容 - 创建工作簿
- 调整单元格的宽度
- 实现百分数的展示
- 插入到工作表中
- 导出到浏览器中
但是上面的并不能完全满足用户的需求,用户需要实现单元格内容换行、设置单元格背景色及单元格内容居中等功能。
此时单纯的引入sheetJs
是不能满足要求了,此时还需要一个xlsx-js
的文件,专门用于处理sheetJs
的样式问题。
我从网上找了好久,终于找到了对应的文件。
特别感谢大神的链接:
使用js-xlsx纯前端导出excel:https://www.likecs.com/show-203708170.html
上面的地址内容超级详细,而且一步步的将内容引出并提供解决方案,这才是一篇好的技术博客,赞!!!
直接上解决办法,有空的同学可以仔细阅读上面的博客链接。
1. 引入两个js
——xlsx.extendscript.js
和xlsx.full.min.js
这两个文件其实可以通过使用npm
的方式来安装到本地,然后就能从本地文件中找到响应的js了。
1.1 通过npm install xlsx
安装后dist文件夹下有一个文件xlsx.extendscript.js
,引入到项目中