AG-Grid导出Excel：如何将空日期单元格设为空而非1900.01.00

我之前在处理AG-Grid日期列导出Excel时，也碰到过一模一样的问题——明明单元格是空的（值为null），导出后却被填充了<Data ss:Type="DateTime"/>这类XML内容，看起来特别别扭。后来摸索出了个简单有效的解决办法，帮你搞定这个问题：

核心思路 #

AG-Grid默认的导出逻辑中，即使单元格值为null，它依然会为指定了类型的列（比如日期列）生成带有类型标记的<Data>元素，这就是导致Excel里不是空单元格的原因。我们需要自定义单元格处理逻辑，当值为null时直接返回null，这样导出时就不会生成多余的XML标签，Excel单元格自然保持为空。

具体实现方案 #

方案1：全局配置（所有日期列生效） #

在你的gridOptions里配置excelExportParams，添加全局的单元格处理回调：

const gridOptions = {
  // 你的其他网格配置...
  columnDefs: [
    { headerName: '创建日期', field: 'createDate', type: 'dateColumn' },
    { headerName: '更新日期', field: 'updateDate', type: 'dateColumn' },
    // 其他列...
  ],
  excelExportParams: {
    processCellCallback: (params) => {
      // 判断是否是日期列且值为null
      if (params.column.colDef.type === 'dateColumn' && params.value === null) {
        return null; // 返回null，让导出时不生成任何内容
      }
      // 非空值或非日期列，使用默认处理逻辑
      return params.value;
    }
  }
};

方案2：针对单个列配置 #

如果只想给特定日期列设置这个规则，可以在对应的columnDef里单独配置excelExportParams：

columnDefs: [
  {
    headerName: '截止日期',
    field: 'deadline',
    type: 'dateColumn',
    excelExportParams: {
      processCellCallback: (params) => {
        // 仅对当前列的空值处理
        return params.value === null ? null : params.value;
      }
    }
  },
  // 其他列...
]

小提示 #

如果你的日期列用的是自定义类型（不是AG-Grid默认的dateColumn），记得把判断条件里的type值改成你自己定义的类型名称，确保逻辑能命中目标列。

这样处理之后，导出的Excel里原本为空的日期单元格就会保持空白，不会再出现那些奇怪的XML内容啦！

内容的提问来源于stack exchange，提问作者David I. McIntosh