Datatables中文网

tfoot回调(footerCallback)

起始版本号: 1.10.0

tfoot显示回调方法

说明

同 headerCallbackOption 回调一样，只不过这个是用来处理tfoot的每一次重绘事件

注意：如果没有tfoot，此回调函数将不会被执行

数据类型（Type）

function footerCallback( tfoot, data, start, end, display )

参数:

示例

修改tfoot里的内容

1
2
3
4
5
$('#example').dataTable( {
  "footerCallback": function( tfoot, data, start, end, display ) {
    $(tfoot).find('th').eq(0).html( "Starting index is "+start );
  }
} );

使用reduce()方法实现合计功能

1
2
3
4
5
6
7
8
9
10
$('#example').dataTable( {
  "footerCallback": function( tfoot, data, start, end, display ) {
    var api = this.api();
    $( api.column( 5 ).footer() ).html(
        api.column( 5 ).data().reduce( function ( a, b ) {
            return a + b;
        } )
    );
  }
} );

相关

下面的选项是直接相关的，也可能是您的应用程序的开发非常有用。

API
Options

http://datatables.net/reference/option/footerCallback

Translation from DataTables.net, with permission