使用xlsx-js-style实现sheetjs的导出样式设置

JS实现Excel导出常用的库是sheetjs,如下:

sheetjs

但是这个库基础版本无法实现带样式导出,可以使用基于sheetjs扩展的开源项目xlsx-js-style实现,如下:

xlsx-js-style

在导出文件的使用上与sheetjs无异,数据数组和数据表的生成都是沿用SheetJs的核心API,在导出文件前可以对数据表worksheet进行单元格级别的设置,以下提供一个简单的使用示例,具体可设置的样式可点击上线的xlsx-js-style官网查看。

全局引入,main.js加入如下代码:

import XLSX from 'xlsx-js-style'
Vue.prototype.$xlsx = XLSX

这样后面就可以直接this.$xlsx使用

示例文件




导出效果:


导出效果

你可能感兴趣的:(使用xlsx-js-style实现sheetjs的导出样式设置)