ASP.NET Core中导出Syncfusion Grid至Excel时如何保留列头无数据

使用Syncfusion Grid时，希望导出Excel仅保留列头，且隐藏「Item Code」列的对应数据，导出后Excel需保留列头，但「Item Code」列无数据内容。

解决方案 #

通过监听Grid的excelExporting事件，在导出流程中修改「Item Code」列的单元格数据，将其置空即可实现需求，核心是在导出前干预工作簿内容。

代码示例（Angular） #

1. 给Grid绑定导出事件：

<ejs-grid #grid [dataSource]="gridData" (excelExporting)="onExcelExporting($event)">
  <e-columns>
    <e-column field="itemCode" headerText="Item Code"></e-column>
    <!-- 其他列配置 -->
  </e-columns>
</ejs-grid>

2. 实现事件处理函数，清空目标列数据：

onExcelExporting(args: ExcelExportEventArgs): void {
  const targetSheet = args.workbook.sheets[0];
  // 跳过列头行（索引0），遍历所有数据行
  for (let i = 1; i < targetSheet.rows.length; i++) {
    const row = targetSheet.rows[i];
    // 定位Item Code列（这里假设是第0列，可根据实际列顺序调整）
    const targetCell = row.cells[0];
    if (targetCell) {
      targetCell.value = '';
    }
  }
}

其他框架（React/Vue）适配思路 #

逻辑完全一致：

• 绑定Grid的excelExporting事件
• 在回调中获取导出的工作簿对象
• 遍历数据行，将「Item Code」列对应的单元格值设为空字符串

额外提示 #

如果需要所有列仅保留列头、隐藏所有数据，只需修改循环逻辑，清空每一行的所有单元格值即可：

// 所有列数据清空示例
for (let i = 1; i < targetSheet.rows.length; i++) {
  const row = targetSheet.rows[i];
  row.cells.forEach(cell => {
    if (cell) cell.value = '';
  });
}

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