react使用exceljs纯前端导出excel（多个sheet页、每个sheet页内多个表格）

Question

如题所述

Answer 1

让我们直接展示React结合exceljs实现的纯前端Excel导出功能，它允许生成多个工作表页，每个工作表页内包含多个表格，以满足特定需求。

尽管网络上能找到一些示例，但很难找到完全符合要求的，所以我不得不结合现有代码并进行一些自定义开发。关键步骤是通过循环结构依次创建工作表页，然后在每个工作表中，通过记录行数来安排一级和二级标题以及数据表格。

下面是实际使用的代码片段：

javascript
// 代码示例
function createExcelSheets() {
let sheets = []; // 存储所有工作表
for (let i = 0; i < numSheets; i++) {
let sheet = {
title: `Sheet ${i+1}`,
data: [], // 存储每个工作表的数据
};
for (let j = 0; j < numTables; j++) {
sheet.data.push(generateTableData(j, i)); // 生成表格数据
}
sheets.push(sheet);
}
return sheets;
}
// 生成表格数据的函数
function generateTableData(tableIndex, sheetIndex) {
// ...根据实际列数和数据填充表格
}

然而，这个方法有一个限制，那就是需要预先知道列数，因为合并一级和二级表头依赖于列数。请根据实际项目需求调整代码以适应列数变化。