ag-grid-react导出Excel时浮点数列出现「数字存储为文本」错误求助

• 方案1：列配置明确指定数据类型与导出规则
  金额列如果配置了自定义格式化（如千分位、货币符号），导出时默认会取格式化后的字符串作为导出值，这是触发报错的最常见原因。可通过列定义单独指定导出逻辑：

  const columnDefs = [
    {
      field: 'amount',
      headerName: '金额',
      type: 'numericColumn',
      // 自定义展示格式化不影响导出值
      valueFormatter: (params) => params.value ? `¥${params.value.toLocaleString('zh-CN', {minimumFractionDigits: 2})}` : '-',
      // 导出时返回原始数值，而非格式化字符串
      exportValue: (params) => params.value ?? null,
      // 明确Excel单元格数据类型为数字，同时可自定义数字展示格式
      excelStyles: [{
        id: 'amountCell',
        dataType: 'number',
        numberFormat: { format: '#,##0.00' }
      }],
      cellClass: 'amountCell'
    }
  ]
  

• 方案2：导出时全局处理数字列值
  如果表格内数字列较多，可在导出方法中通过回调统一处理所有数字类单元格的值，强制转换为数字类型：

  gridApi.exportDataAsExcel({
    fileName: '业务数据导出.xlsx',
    processCellCallback: (params) => {
      // 匹配所有数字类型列
      if (params.column.getColDef().type === 'numericColumn') {
        const rawValue = params.value;
        return rawValue == null ? null : parseFloat(rawValue);
      }
      return params.value;
    }
  })
  

• 方案3：提前预处理原始数据类型
  若后端返回的金额字段为字符串格式（如"1234.56"），哪怕设置了数字格式，导出时仍会被识别为文本，需在拿到接口数据时就完成类型转换：

  // 接口返回数据预处理示例
  const getTableData = async () => {
    const res = await fetchBusinessData();
    const processed = res.data.map(item => ({
      ...item,
      // 提前将字符串格式的金额转为float类型
      amount: item.amount ? Number.parseFloat(item.amount) : null
    }))
    setRowData(processed);
  }
  

注意：如果金额列使用了自定义cellRenderer，不要依赖渲染后的内容作为导出值，必须通过exportValue指定原始数值作为导出源。

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