如何从HTML表格生成带多工作表的Excel？函数问题求助

问题核心 #

你的函数未遍历传入的模板对象，而是将所有HTML表格合并后导入单个工作表，导致所有内容混在一起。需要调整逻辑，为每个对象键创建独立工作表。

修改思路 #

1. 初始化空Excel工作簿
2. 遍历模板对象的每个键值对，键作为工作表名称，值为对应HTML表格
3. 将每个HTML表格单独解析为工作表
4. 将所有工作表添加到工作簿后导出

示例代码（基于SheetJS/xlsx库） #

假设你使用SheetJS处理Excel，修改后的函数如下：

function GenerateExcel(htmlTemplates) {
  // 创建空工作簿
  const workbook = XLSX.utils.book_new();

  // 遍历每个模板，生成对应工作表
  Object.entries(htmlTemplates).forEach(([sheetName, htmlContent]) => {
    // 创建临时容器存放HTML表格
    const tempContainer = document.createElement('div');
    tempContainer.innerHTML = htmlContent;
    
    // 将HTML表格转换为工作表（若模板含多个表格，可遍历table元素批量处理）
    const targetTable = tempContainer.querySelector('table');
    if (!targetTable) return; // 跳过无表格的模板
    
    const worksheet = XLSX.utils.table_to_sheet(targetTable);
    
    // 将工作表添加到工作簿，使用键名作为表名
    XLSX.utils.book_append_sheet(workbook, worksheet, sheetName);
  });

  // 导出Excel文件
  XLSX.writeFile(workbook, 'multi-sheet-result.xlsx');
}

关键说明 #

• 使用Object.entries遍历模板对象，同时获取工作表名称（键）和对应HTML内容（值）
• 每个HTML表格单独解析，避免内容合并
• 若模板包含多个表格，可修改为遍历tempContainer.querySelectorAll('table')，为每个表格创建子工作表或合并到当前工作表
• 确保传入的键名唯一，SheetJS会自动处理重复名称（添加后缀如(1)）

内容的提问来源于stack exchange，提问作者alonso