Datatable导出Excel时数字金额格式异常问题咨询

问题分析 #

你当前代码里的格式化逻辑data.replace('.', '').replace(',', '.')会错误移除千位分隔符，导致数字值失真。比如1.663.405会被处理成1663405，Excel自动解析后自然和预期显示不符。

方案1：导出与Datatable显示一致的文本格式 #

如果希望导出后完全保留页面上的金额显示样式（比如1.663.405），需要让Excel将这些单元格识别为文本，避免自动解析数字。修改exportOptions.format的处理逻辑：

buttons: [
    {
        extend: 'excelHtml5',
        footer: true,
        className: "buttons-excel buttons-html5",
        text: "<img src='img/excel.png'/>",
        title: 'My_report',
        exportOptions: {
            format: {
                body: function(data, row, column, node) {
                    // 根据实际情况判断金额列，这里假设第3列（索引从0开始）是金额列
                    if (column === 2) {
                        // 前置制表符，强制Excel识别为文本
                        return '\t' + data;
                    }
                    return data;
                },
                footer: function(data, row, column, node) {
                    if (column === 2) {
                        return '\t' + data;
                    }
                    return data;
                }
            }
        }
    }
]

说明 #

• 用\t前缀强制Excel将内容视为文本，不会自动解析数字格式
• 可根据实际场景调整金额列的判断逻辑，比如通过单元格类名：$(node).hasClass('amount-column')

方案2：导出可计算的数字并设置Excel显示格式 #

如果希望导出的是可计算的数字，同时让Excel按照千位分隔样式显示，需要先将页面格式化文本转换为标准数字，再通过customize函数设置Excel单元格格式：

buttons: [
    {
        extend: 'excelHtml5',
        footer: true,
        className: "buttons-excel buttons-html5",
        text: "<img src='img/excel.png'/>",
        title: 'My_report',
        exportOptions: {
            format: {
                body: function(data, row, column, node) {
                    if (column === 2) {
                        // 移除千位分隔点，将小数逗号替换为点（根据页面实际格式调整）
                        let numStr = data.replace(/\./g, '');
                        numStr = numStr.replace(',', '.');
                        return parseFloat(numStr);
                    }
                    return data;
                },
                footer: function(data, row, column, node) {
                    if (column === 2) {
                        let numStr = data.replace(/\./g, '');
                        numStr = numStr.replace(',', '.');
                        return parseFloat(numStr);
                    }
                    return data;
                }
            }
        },
        customize: function(xlsx) {
            var sheet = xlsx.xl.worksheets['sheet1.xml'];
            // 设置第C列（对应代码中column=2）为千位分隔格式（带两位小数）
            $('row c[r^="C"]', sheet).attr('s', '37');
            // 若需要三位小数，可替换为自定义格式设置
            // $('row c[r^="C"]', sheet).attr('s', '49');
        }
    }
]

说明 #

1. 先将页面格式化文本转换为标准数字：移除千位分隔符，统一小数分隔符为.
2. 通过customize修改Excel的XML内容，设置金额列的数字格式，让Excel显示千位分隔样式
3. Excel内置格式代码参考：37对应#,##0.00（千位分隔+两位小数），可根据需求调整

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