这篇文章不在赘述如何安装相关依赖以及导入.js文件。如果有需要的小伙伴可以搜一下即可有,很多文章都有手把手教程。好,直接步入正轨!首先我们先来看看在我们导入的Export2excel.js文件中,有哪些是我们在导出时需要用到的方法(在实现多Sheet的excel文件之前,我们先来了解下单工作簿的excel文件是如何导出的)
下面的导出方法中需要用到的数据和我们在网页中渲染到table上的数据不同,需要格式化
/**
* 格式数据
* @filterVal 格式头
* @tableData 用来格式的表格数据
*/
formatJson(filterVal, jsonData) {
return jsonData.map(v => filterVal.map(j => v[j]))
}
不难看出,formatJson
方法的参数为我们需要对应表格输出的数据和源数据;
以这个代码为例,我们需要的表格数据为’name’,‘count’。而格式化后的数据就是将我们需要的数据整理了出来!
export function export2Excel(th, jsonData, defaultTitle) {
/* original data */
var data = jsonData;
data.unshift(th);
var ws_name = "SheetJS";
var wb = new Workbook(), ws = sheet_from_array_of_arrays(data);