[英]Datatables: Using Row grouping, how do I get a count of each grouped row?
我正在使用Datatables创建按数据网格分组。 我能够使用我的第一列对我的表进行分组。
我想完成对每个分组行的计数并在我的分组行上写出计数,我将如何去做呢?
如果您看到下面的链接,则它们具有阴影分组行。 我希望计数出现在分组文本的文本之后。
http://www.datatables.net/examples/advanced_init/row_grouping.html
谢谢。
function CountRows(){
debugger;
var abc = $('.abc');
var arr = [];
$( abc ).each(function( index, value ) {
var dynamicId = (this.id.split('_')[1]);
var groupRowCount = $('.group_'+dynamicId).length;
this.textContent = this.textContent + " (" + groupRowCount + ")"
});
}
你可以通过rowGroup属性来做到这一点:
rowGroup: {dataSrc: 'Your column name or index',
startRender: function (rows, group) {
return group + ' (' + rows.count() + ' rows)';
}
}
使用您链接的示例,用//注释我的评论:
"drawCallback": function ( settings ) {
var api = this.api();
var rows = api.rows( {page:'current'} ).nodes();
var last=null;
api.column(2, {page:'current'} ).data().each( function ( group, i ) {
//Create vars with each element you want to sum here
if ( last !== group ) {
$(rows).eq( i ).before(
//Get row data here, sum it in vars to display
'<tr class="sum group"><td>'+SumCol1+'</td><td>'+SumCol2+'</td>
//End sum row
'<tr class="group"><td colspan="5">'+group+'</td></tr>'
);
last = group;
//Don't forget to clear your sum vars at the end of each loop!
}
} );
}
这可以通过在drawCallBack函数中添加for循环来实现。 请参阅http://www.datatables.net/examples/advanced_init/row_grouping.html了解drawCallBack函数。 请注意我使用遗留的dataTable函数,即fnDrawCallBack用最新的等价替换它。
fnDrawCallback: function(settings) {
var api = this.api();
var rows = api.rows({ page: "current" }).nodes();
var last = null;
var storedIndexArray = [];
api.column(0, { page: "current" })
.data()
.each((group, i) => {
if (last !== group) {
storedIndexArray.push(i);
$(rows)
.eq(i)
.before(
'<tr class="group"><td colspan="4">' +
group +
"<span class='group-count'></span></td></tr>"
);
last = group;
}
});
storedIndexArray.push(
api.column(0, { page: "current" }).data().length
);
for (let i = 0; i < storedIndexArray.length - 1; i++) {
let element = $(".group-count")[i];
$(element).text(
storedIndexArray[i + 1] - storedIndexArray[i]
);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.