javascript - 从 handsontable 导出为 excel

Question

我正在使用 handsontable 插件将数据生成为 excel 格式。这就完成了。

我需要将该数据导出为 excel 并下载。

handsontable 中有可用的功能吗？

如果没有，我该如何实现？在这里，Handsontable 数据在表格格式上有所不同

Answer 1

目前还没有一个功能，它会在下个月的 Pro 版本中出现。与此同时，有 this stack answer使用您可以实现的解决方案。您想要从 handsontable 解析数据对象，然后以正常的 JS 方式将该字符串导出到 csv。

这里是 fiddle如果您不想点击链接，请使用相关代码:

function parseRow(infoArray, index, csvContent) {
    var sizeData = _.size(hot1.getData());
    if (index < sizeData - 1) {
        dataString = "";
        _.each(infoArray, function(col, i) {
            dataString += _.contains(col, ",") ? "\"" + col + "\"" : col;
            dataString += i < _.size(infoArray) - 1 ? "," : "";
        })

        csvContent += index < sizeData - 2 ? dataString + "\n" : dataString;
    }
    return csvContent;
}

/**
 * Export to CSV button
 */
var exportCsv = $("#export-csv")[0];
if (exportCsv) {
    Handsontable.Dom.addEvent(exportCsv, "mouseup", function(e) {
        exportCsv.blur(); // jquery ui hackfix
        var csvContent = "data:text/csv;charset=utf-8,";
        csvContent = parseRow(colHeaders, 0, csvContent);  // comment this out to remove column headers
        _.each(hot1.getData(), function(infoArray, index) {
            csvContent = parseRow(infoArray, index, csvContent);
        });
        var encodedUri = encodeURI(csvContent);
        var link = document.createElement("a");
        link.setAttribute("href", encodedUri);
        link.setAttribute("download", $("h1").text() + ".csv");
        link.click();
    })
}