我在插入每个列的总和值(类"sum")时会遇到一些细节问题.
代码(或多或少直接来自DataTables.net):
var table = $('#example').DataTable();
table.columns('.sum').each(function (el) {
var sum = table
.column(el)
.data()
.reduce(function (a, b) {
return parseInt(a, 10) + parseInt(b, 10);
});
$(el).html('Sum: ' + sum);
});"sum"具有正确的值,但不知何故未插入页脚!即它的元素显示为空.
请注意,下面的代码段工作正常,但我想用类和求和每列.
var table = $('#example').DataTable();
var column = table.column(4);
$(column.footer()).html(
column.data().reduce(function (a, b) {
return parseInt(a, 10) + parseInt(b, 10);
})
);////////////////////////////////////////////////// //////////////////////////////////
我将代码移动到DataTable初始化的位置,然后使用footerCallback.见下面的代码:
"footerCallback": function (row, data, start, end, display) {
var api = this.api(), data;
// Remove the formatting to get integer …