Javascript DataTables组合了FooterCallback和select filtering

晚上好

我在组合两个DataTables函数时遇到一些问题

（请参阅标题）

此

（FooterCallback）

用于显示具有数值的列的总和：

$(document).ready(function() {
$('#pr_table').DataTable( {
    "footerCallback": function ( row, data, start, end, display ) {
        var api = this.api(), data;

        // Remove the formatting to get integer data for summation
        var intVal = function ( i ) {
            return typeof i === 'string' ?
                i.replace(/[\$,]/g, '')*1 :
                typeof i === 'number' ?
                    i : 0;
        };

        // Total over all pages
        total = api
            .column( 4 )
            .data()
            .reduce( function (a, b) {
                return intVal(a) + intVal(b);
            }, 0 );

        // Total over this page
        pageTotal = api
            .column( 4, { page: 'current'} )
            .data()
            .reduce( function (a, b) {
                return intVal(a) + intVal(b);
            }, 0 );

        // Update footer
        $( api.column( 4 ).footer() ).html(
            'cub.m'+pageTotal +' ( cub.m'+ total +' total)'
        );
    }
  } );
} );

使用此

（选择过滤）

：

$（文档）.ready（函数（）{
$（'pr#u表'）。数据表（{
“initComplete”：函数（）{
var api=this.api（）；
api.columns（）.index（）.flatte（）.each（函数（i）{
var column=api.column（i）；
变量选择=$（“”）
.appendTo（$（column.header（））.empty（））
.on（'change'，function（）{
var val=$.fn.dataTable.util.escapeRegex(
$（this.val（）
);
柱
.search（val？“^”+val+“$”：“”，true，false）
.draw（）；
} );
column.data（）.unique（）.sort（）.each（函数（d，j）{
选择。追加（“”+d+“”）
} );
} );
}
} );
} );

如果我只使用脚本中的一个函数，那么一切都正常工作。但尝试将它们组合在一起会导致DataTables根本无法初始化（只显示原始html表）。 我对这种高级的javascript相对不熟悉，因此如果有人能给我一个脚本示例，并稍微解释一下如何在一次初始化中使用多个函数，这将对我有所帮助

$(document).ready(function() {
$('#pr_table').DataTable( {
    "initComplete": function () {
        var api = this.api();

        api.columns().indexes().flatten().each( function ( i ) {
            var column = api.column( i );
            var select = $('<select><option value=""></option></select>')
                .appendTo( $(column.header()).empty() )
                .on( 'change', function () {
                    var val = $.fn.dataTable.util.escapeRegex(
                        $(this).val()
                    );

                    column
                        .search( val ? '^'+val+'$' : '', true, false )
                        .draw();
                } );

            column.data().unique().sort().each( function ( d, j ) {
                select.append( '<option value="'+d+'">'+d+'</option>' )
            } );
        } );
    }

  } );
} );