Question

由于大多数Footables功能是通过我尝试过的属性添加的：在开始表标记中的数据导出与所有其他可打开的数据属性，但不能获得任何导出功能。既然文档甚至没有提到如何使用这个功能，任何人都可以对此有所了解吗？

这是我的jquery;

$('#clicker').on('click', function()
{
    var csv = FooTable.get("#tblBalanceOverview").toCSV(true);
    $("#showcsv").text(csv);    
});

注意：clicker是同一页面上定义的footable正上方的元素 'showcsv'是一个空的段落元素，所以我可以看到是否有任何东西产生。

Answer 1

即使下面的代码也可以正常工作。

参考：https://github.com/fooplugins/FooTable/issues/634#issuecomment-404630961

/* ############ export table footable to excel ############ */
/* bind the button "excel Export" to load the rows */
    $(".excelexport").on("click", function (e) {
    var filename = "filename.csv";
    var csv = FooTable.get('#table-footable').toCSV();
    var blob = new Blob([ csv ], {
        type : "application/csv;charset=utf-8;"
    });
    if (window.navigator.msSaveBlob) {
        // FOR IE BROWSER
        navigator.msSaveBlob(blob, filename);
    } else {
        // FOR OTHER BROWSERS
        var link = document.createElement("a");
        var csvUrl = URL.createObjectURL(blob);
        link.href = csvUrl;
        link.style = "visibility:hidden";
        link.download = filename;
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
    }
});

如何使用新的footables导出数据属性

1 个答案: