Javascript DataTables：使用行分组，如何获得分组项的计数？

我正在使用Datatables创建按数据分组的网格。我能把我的桌子分组

我想将条目总数作为分组行计数而不是总条目计数来完成，我该如何做呢

上图中突出显示的部分应显示“显示8项中的1至8项”，因为共有8组

请参阅我的小提琴-

$（文档）.ready（函数（）{
$（'#示例'）。数据表({
“bLengthChange”：false，
“bPaginate”：错误，
“bJQueryUI”：真的吗
}).行分组({
bExpandableGrouping：true，
bExpandSingleGroup:false，
iExpandGroupOffset:-1，
ASExpandedGroup:[“”]
});
GridRowCount（）；
});
函数GridRowCount（）{
$（'span.rowCount grid'）.remove（）；
$（'input.expandedOrCollapsedGroup'）.remove（）；
$（'.dataTables_wrapper'）。查找（'[id |=组id]'）。每个（函数（）{
var rowCount=$（this）.nextUntil（'[id |=组id]'）.length；
$（this.find（'td'）.append（$（''，{'class'：'rowCount grid'））.append（$（''，{'text'：rowCount}））；
});
$（'.dataTables_wrapper'）。查找（'.dataTables_filter'）。追加（$（''，{'type'：'button'，'class'：'expandedorcollapsedgroupcollapsed'，'value'：'Expanded All Group'}）；
$（'.expandedOrCollapsedGroup'）.live（'click'，函数（）{
if（$（this）.hasClass（'collapsed'））{
$（this）.addClass（'expanded'）.removeClass（'collapsed'）.val（'Collapse All Group'）.parents（'dataTables_wrapper'）.find（'collapsed Group'）.trigger（'click'）；
}
否则{
$（this）.addClass（'collapsed'）.removeClass（'expanded'）.val（'expanded All Group'）.parents（'dataTables_wrapper'）.find（'expanded Group'）.trigger（'click'）；
}
});
};

感谢

数据表将此显示从z文本默认设置为x到y

"sInfo": "Showing _START_ to _END_ of _TOTAL_ entries"

在源代码中，三个占位符被内部变量替换。你也许可以改变它们，但我不确定，也不建议你这样做

如果要更改该信息显示，可以在

GridRowCount

函数中使用一些jQuery，通过该函数可以访问分组行的总数

$('.dataTables_wrapper').find('[id|=group-id]').length

希望有帮助

$('.dataTables_wrapper').find('[id|=group-id]').length