excel导出多重表头utils_vue 导出多级表头table 数据到excel

这篇博客介绍了如何使用Vue结合utils库导出带有三级表头的Excel文件。文章详细展示了如何修改export2Excel.js源码以支持多级表头,包括设置表格宽度、合并单元格,并提供了具体的步骤和示例数据。
摘要由CSDN通过智能技术生成

第二步:更改export2Excel.js里面的源码,本文示例为3级表头,可以根据需求,自行更改

//此处源码已被修改,autoWidt和bookType参数,先默认,(可以通过传参修改)

export function export_json_to_excel(excelData, autoWidth = true, bookType = 'xlsx') {

/* original data */

let multiHeader = excelData.multiHeader; // 第一级标题

let multiHeader2 = excelData.multiHeader2; // 第二级标题

let header = excelData.tHeader; // 第三级标题

let data = excelData.transData; // table数据

let defaultTitle = excelData.defaultTitle; // excel表的标题

let merges = excelData.merges; // excel表合并单元格

// console.log(multiHeader);

// console.log(multiHeader2);

// console.log(header);

// console.log(data);

// console.log(defaultTitle);

// console.log(merges);

data.unshift(header);

//此处是第二行表头

for (let i = multiHeader2.length - 1; i > -1; i--) {

data.unshift(multiHeader2[i])

}

//此处是第一行行表头

for (let i = multiHeader.length - 1; i > -1; i--) {

data.unshift(multiHeader[i])

}

var ws_name = "SheetJS";

var wb = new Workbook(),

ws = sheet_from_array_of_arrays(data);

//合并excel单元格和设置表格宽度

if (merges.length > 0) {

if (!ws['!merges']) ws[

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值