Webix导出Excel时ID列数值显示异常，如何修正？

问题描述 #

使用Webix的toExcel方法导出数据表：

webix.toExcel($$("coretableCDC"), {
  filterHTML: true
});

导出后发现ID列在GUI与Excel中显示严重不一致，具体对比如下：

• 39E76 → 3.9E+77
• 39E78 → 3.9E+79
• 4E2FE → 4E2FE（唯一显示正确）
• 4E300 → 4E+300
• 4E302 → 4E+302
• 4E304 → 4E+304
• 4E306 → 4E+306
• 4E308 → Infinity
• 467E1 → 4670
• 467E3 → 467000
• 467E5 → 46700000
• 467E7 → 4670000000
• 467E9 → 4.67E+11

问题根源是Excel自动将符合科学计数法格式的ID识别为数值类型，导致原始字符串被转换。

解决方案 #

通过Webix的导出配置，强制将ID列以纯文本格式导出，避免Excel自动解析。

方案1：在列定义中指定导出规则 #

修改数据表的列配置，给ID列添加export属性，通过格式化函数确保内容以文本形式导出：

columns: [
  { 
    id: "id", 
    header: "ID", 
    export: {
      format: function(value) {
        // 前缀添加单引号，强制Excel识别为纯文本
        return "'" + value;
      }
    }
  },
  // 其他列配置...
]

方案2：导出时动态覆盖列配置 #

如果不想修改原有列定义，可在调用toExcel时，通过columns参数单独指定ID列的导出规则：

webix.toExcel($$("coretableCDC"), {
  filterHTML: true,
  columns: [
    { 
      id: "id", 
      export: {
        format: function(value) {
          return "'" + value;
        }
      }
    },
    // 其他列保留原有配置，通过id匹配即可
    { id: "column1" },
    { id: "column2" }
  ]
});

原理说明 #

Excel会根据单元格内容自动判断类型，当内容包含E且前后为数字时，会被解析为科学计数法数值。通过在字符串前添加单引号，Excel会将其视为纯文本内容，完全保留原始ID的格式，不会进行任何数值转换。

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