javascript - 在 Javascript 中以正确的格式导出 HTML 表格

标签 javascript html-table export-to-excel

我有一个表格,其中有一个金额列。我想以正确的数字格式导出表格,因为当我导出表格时,我只得到 100 而不是 100.00。

我的表格是这样的:

ID    Code    Amount    Time
1      1      100.00    2014-09-22 18:59:25
1      1      100.60    2014-09-22 18:59:25
1      1      100.00    2014-09-22 18:59:25
1      1       12.50    2014-09-22 18:59:25

Excel输出是这样的:

ID    Code    Amount    Time
1      1         100    2014-09-22 18:59:25
1      1      100.60    2014-09-22 18:59:25
1      1         100    2014-09-22 18:59:25
1      1        12.5    2014-09-22 18:59:25

这是我的代码:

    <script>
    var tableToExcel = (function () {
        var uri = 'data:application/vnd.ms-excel;base64,',
            template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>',
            base64 = function (s) {
                return window.btoa(unescape(encodeURIComponent(s)))
            }, format = function (s, c) {
                return s.replace(/{(\w+)}/g, function (m, p) {
                    return c[p];
                })
            }
        return function (table, name, filename) {
            if (!table.nodeType) table = document.getElementById(table)
            var ctx = {
                worksheet: name || 'Worksheet',
                table: table.innerHTML
            }

            document.getElementById("dlink").href = uri + base64(format(template, ctx));
            document.getElementById("dlink").download = filename;
            document.getElementById("dlink").click();

        }
    })()
    function download(){
        $(document).find('tfoot').remove();
        var name = document.getElementById("name").innerHTML;
        tableToExcel('table2', 'Sheet 1', name+'.xls')
        setTimeout("window.location.reload()",0.0000001);

    }
    var btn = document.getElementById("btn");
    btn.addEventListener("click",download);
    </script>

有什么办法可以实现吗?我希望我的 Excel 文件看起来与表格中的数据完全一样。

最佳答案

尝试

<td style='mso-number-format:"#,##0.00"'>100.00</td>

在表格 HTML 中。

参见 fiddle :http://jsfiddle.net/ad3xda1z/1/

问候

阿克塞尔

关于javascript - 在 Javascript 中以正确的格式导出 HTML 表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25989238/

相关文章:

javascript - HTML 表格 - Excel 导出不工作 Google Chrome 和 IE

symfony - 标题标签可以在 Sonata 管理包导出功能中翻译吗?

javascript - store.dispatch 不是函数

css - 如何让 Outlook 正确显示我的表格

javascript - 从用户输入的属性和值中添加/更新 json 对象

r - 获取要包装在R/Kable()HTML表中的列名

javascript - 当 window.innerwidth 更改时,如何动态更改 html 表格(每行的项目数)布局?

javascript - Angularjs 导出到 Excel 在 IE 中不起作用

javascript - 在 Meteor js 中生成 PDF 报告

javascript - nestedsortable.js toarray 不工作