DataTables - 动态创建的页脚未修复

Question

我使用jquery数据表，因为数据可以随时更改，我不得不销毁并重新初始化我的表。列每次都可以不同，所以我需要像这样动态创建页脚：

   "footerCallback": function (row, data, start, end, display) {
                        var api = this.api(), data;
                        //dynamically create footer
                        var footer = $(this).append('<tfoot><tr id="frow"></tr></tfoot>');

                        var intVal = function (i) {
                            return typeof i === 'string' ? i.replace(/[\$,]/g, '') * 1 : typeof i === 'number' ? i : 0;
                        };
                        var numFormat = $.fn.dataTable.render.number(',', '.', 2).display;

                        var i = 0
                        this.api().columns().every(function () {
                            var total = api.column(i, { search: 'applied' }).data().reduce(function (a, b) { return intVal(a) + intVal(b); }, 0);
                            $('#frow').append('<th>' + numFormat(total) + '</th>');
                            i++;
                        });
 }

一切正常，但页脚没有修复。我尝试在初始化期间设置固定页脚，但只正确修复了标题：

fixedHeader: {
                header: true,
                footer: true,
                headerOffset: $('.navbar').outerHeight(),
                footerOffset: $('.footer').outerHeight()
             }

我还尝试在初始化后设置固定页脚，但只修复了标题：

new $.fn.dataTable.FixedHeader( table, {
    footer: true
} );

是否可以使用动态固定页脚？