Angular 13使用excel.js导出Excel时仅导出指定字段的方法

不需要修改原有搜索逻辑、接口定义，只需要调整导出方法里的数据集处理和列配置逻辑即可，具体步骤如下：

• 固定导出列配置
  不要用遍历对象key动态生成列的写法，提前在导出方法里定义你需要的三个字段对应的列，列的顺序就是Excel里从左到右的展示顺序，还可以直接配置表头显示名、列宽：

  // 放在导出按钮点击事件的方法内部，初始化工作表之前
  const targetColumns = [
    { header: 'First Name', key: 'firstName', width: 20 },
    { header: 'Last Name', key: 'lastName', width: 20 },
    { header: 'Mobile Number', key: 'mobileNumber', width: 25 }
  ];
  

• 裁剪导出数据集
  你现有的搜索过滤逻辑返回的是全字段员工数组，在写入Excel之前先做一层映射，只提取需要的三个字段，多余字段直接丢弃，从数据源层面避免无关字段被导出：

  // 假设你搜索过滤后的结果存储在filteredEmployees变量中
  // 替换原来直接把全量filteredEmployees传入addRows的逻辑
  const exportRows = this.filteredEmployees.map(emp => {
    return {
      firstName: emp.firstName,
      lastName: emp.lastName,
      mobileNumber: emp.mobileNumber
    }
  });
  

  注意：这一步不会修改原页面用的员工列表数据，不会影响页面上id、员工编码、员工状态这些字段的正常展示
• 写入工作表生成文件
  把列配置和裁剪后的数据传入excel.js的工作表实例，后续生成Blob、触发下载的逻辑完全沿用你之前的可用代码即可：

  const worksheet = workbook.addWorksheet('员工数据');
  // 加载固定列配置
  worksheet.columns = targetColumns;
  // 写入裁剪后的仅含目标字段的数据
  worksheet.addRows(exportRows);
  
  // 后续设置样式、导出下载的逻辑不需要改动
  

避坑提示：不要修改原有的IEmployeeList、IData接口定义，也不要改动onEmployeeSearch的过滤逻辑，这部分是服务于页面列表渲染的，单独在导出链路做字段裁剪即可，避免影响现有页面功能。

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