downloadExcel() { const header = ['Name', 'Age']; // 表头数据 const data = [{ Name: 'John', Age: 28 }, { Name: 'Jane', Age: 32 }]; // 表格数据 const wb = XLSX.utils.book_new(); const ws = XLSX.utils.json_to_sheet(data, { header }); XLSX.utils.book_append_sheet(wb, ws, 'Sheet1'); const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' }); const blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' }); FileSaver.saveAs(blob, 'example.xlsx');} 可以将表头设置为一个数组,里面是对象,有表头名字与,key 表格数据根据key传入
时间: 2023-12-19 16:05:12 浏览: 130
的数据对象来生成。最后使用XLSX库将数据转化为Excel文件并下载。这里涉及到一个s2ab()函数,它的作用是将字符串转化为ArrayBuffer类型,需要先定义该函数。整个函数的实现如下:
```
function s2ab(s) {
const buf = new ArrayBuffer(s.length);
const view = new Uint8Array(buf);
for (let i = 0; i < s.length; i++) {
view[i] = s.charCodeAt(i) & 0xFF;
}
return buf;
}
function downloadExcel() {
const header = [{ Name: '姓名', key: 'name' }, { Name: '年龄', key: 'age' }];
const data = [{ name: '张三', age: 28 }, { name: '李四', age: 32 }];
const wb = XLSX.utils.book_new();
const ws = XLSX.utils.json_to_sheet(data, { header: header.map(h => h.Name), skipHeader: true, origin: 'A2' });
header.forEach((h, index) => {
XLSX.utils.sheet_add_aoa(ws, [[h.Name]], { origin: `A1`, skipHeader: true, transpose: true, sheetRows: 1, sheetCols: 1, originCol: index + 1 });
});
XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' });
const blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' });
FileSaver.saveAs(blob, 'example.xlsx');
}
```
这里我们将表头设置为一个对象数组,每个对象有两个属性:Name和key。其中Name为表头名字,key为表头对应的数据对象中的属性名。这样可以方便地对应表头和数据。
在生成Excel文件时,我们使用了XLSX.utils.json_to_sheet()函数将数据转化为工作簿中的一个工作表。通过设置header选项为表头数组的Name属性,可以让XLSX库自动根据表头数组生成表头。同时,设置skipHeader为true和origin为‘A2’,可以让表头不出现在数据之前,并且从第二行开始生成数据。
然后,我们需要将表头也加入到工作表中。这里我们使用了XLSX.utils.sheet_add_aoa()函数,将表头数组转化为一个二维数组,然后添加到工作表的第一行。该函数的参数中,originCol表示从第几列开始添加数据,transpose表示是否需要将数据转置,sheetRows和sheetCols表示要添加的数据的行数和列数。这样,我们就可以将表头和数据一起生成Excel文件并下载了。
阅读全文