DataTable Footer 通过选项创建？

Question

所以我在页面上创建了一个数据表，其中包含从 ajax 调用中获取的信息。

//Initialize table
var table = $("#table").DataTable({
    deferRender: true,
    sDom: "t" +
        "<'dt-toolbar-footer' i " +
        "<'dataTables_info total'>" +
        ">" + "S",
    language: {
        searchPlaceholder: "Search",
        search: "_INPUT_" //no label
    },
    scrollY: 250,
    scrollX: true,
    scrollCollapse: false,
    autoWidth: true,
    data: wholeData,
    aoColumns: columns,
    order: order,
    footerCallback: footerCallback
}); // END TABLE /////////////////

我一辈子都想不出如何在这些选项中生成页脚：DataTable Options。

如何在不将 <tfoot> 标签放置在 HTML 内的情况下 创建页脚？

Answer 1

很遗憾，DataTables 目前不支持在选项内创建页脚。 DataTable Footer create through options

虽然 Allan 建议在未来的版本中会考虑这个问题。

现在我只是通过动态创建 <tfoot> DOM 解决了这个问题。

var footer = $("<tfoot></tfoot>").appendTo("#table");
var footertr = $("<tr></tr>").appendTo(footer);

//Add footer cells
for (var i = 0; i < Columns.length; i++) {
    $("<td>" + Columns.FooterText + "</td>").appendTo(footertr);
}

DataTable Footer 通过选项创建？

DataTable Footer create through options?

jquery

datatable

footer