tfoot回调(footerCallback)

起始版本号: 1.10.0

tfoot显示回调方法

说明

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

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

数据类型（Type）

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

参数:

	名称	类型	是否可选
1	`tfoot`	`nodeJS`	No
	`tfoot`就是table的表脚
2	`data`	`arrayType`	No
	table的所有数据对象
3	`start`	`integerType`	No
	Index for the current display starting point in the display array
4	`end`	`integerType`	No
	Index for the current display ending point in the display array
5	`display`	`arrayType`	No
	Index array to translate the visual position to the full data array

示例

修改tfoot里的内容

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

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

$('#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;
        } )
    );
  }
} );

tfoot回调(footerCallback)

说明

数据类型（Type）

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

示例

相关