我正在使用来自https://datatables.net/examples/advanced_init/row_grouping.html的数据表行分组,它运行正常。
现在我想按照你在图片中看到的分组结束时每行分组显示结果来计算总和(小计)。
在列表结束时,要显示总金额的最后一行。 如何做到这一点。
Js使用的代码是:
$(function() {
var table = $('#table').DataTable({
"columnDefs": [
{ "visible": false, "targets": 1 }
],
"order": [[ 1, 'asc' ]],
"displayLength": 25,
"drawCallback": function ( settings ) {
var api = this.api();
var rows = api.rows( {page:'current'} ).nodes();
var last=null;
api.column(1, {page:'current'} ).data().each( function ( group, i ) {
if ( last !== group ) {
$(rows).eq( i ).before(
'<tr class="group" style="background-color:#F5F5F5;"><td colspan="3">'+group+'</td></tr>'
);
last = group;
}
} );
}
});
});
答案 0 :(得分:3)
对于同样的例子:https://datatables.net/examples/advanced_init/row_grouping.html
我在"drawCallback": function ( settings ) {
检查这个小提琴https://jsfiddle.net/bLykqbo6/110/
我希望它有所帮助