计算jquery数据表列(calculating jquery datatable column)

计算jquery数据表列(calculating jquery datatable column)

在jquery数据表中我正在使用sum插件来对特定列的值求和

$('#example').DataTable( { drawCallback: function () { var api = this.api(); $( api.table().footer() ).html( api.column( 4, {page:'current'} ).data().sum() ); } } );

如何使用此api调用来计算另一列（例如第6列）。

$( api.table().footer() ).html( api.column( 4, {page:'current'} ).data().sum() // calculate column 7 );

也计算结果注入页脚的第一列而不是4。

inside jquery datatable I'm using sum plugin in order to sum values from particular column

$('#example').DataTable( { drawCallback: function () { var api = this.api(); $( api.table().footer() ).html( api.column( 4, {page:'current'} ).data().sum() ); } } );

How can use this api call to calculate another column (for example column 6).

$( api.table().footer() ).html( api.column( 4, {page:'current'} ).data().sum() // calculate column 7 );

also calculate result is injected inside first column of the footer instead of 4.

最满意答案

你几乎就在那里，但你对api.table().footer()引用得到了整个页脚。 要定位特定的列页脚，您需要使用api.column(?).footer() 。 那样你的问题应该像这样解决：

$(api.column(4).footer()).html( api.column(4, { page: 'current' }).data().sum() ); $(api.column(6).footer()).html( api.column(6, { page: 'current' }).data().sum() );

这是一个有效的例子 ，希望有所帮助。

You were nearly there but your reference to api.table().footer() got the whole footer. To target specific column footers you need to use api.column(?).footer(). That way your issue should be addressed like this:

$(api.column(4).footer()).html( api.column(4, { page: 'current' }).data().sum() ); $(api.column(6).footer()).html( api.column(6, { page: 'current' }).data().sum() );

Here's a working example, hope that helps.