Datatables 要折叠datatable中的所有行组,但仅折叠第一行
我希望首先折叠数据表的所有行组,以便在脚本末尾添加触发器操作:Datatables 要折叠datatable中的所有行组,但仅折叠第一行,datatables,Datatables,我希望首先折叠数据表的所有行组,以便在脚本末尾添加触发器操作: $(document).ready(function() { var collapsedGroups = {}; var top = ''; var table = $('#example').DataTable({ pageLength: 10, order: [ [2, 'asc'], [1, 'asc']
$(document).ready(function() {
var collapsedGroups = {};
var top = '';
var table = $('#example').DataTable({
pageLength: 10,
order: [
[2, 'asc'],
[1, 'asc']
],
rowGroup: {
dataSrc: [2, 1],
startRender: function(rows, group, level) {
var all;
if (level === 0) {
top = group;
all = group;
} else {
// if parent collapsed, nothing to do
if (!!collapsedGroups[top]) {
return;
}
all = top + group;
}
var collapsed = !!collapsedGroups[all];
rows.nodes().each(function(r) {
r.style.display = collapsed ? 'none' : '';
});
// Add category name to the <tr>. NOTE: Hardcoded colspan
return $('<tr/>')
.append('<td colspan="8">' + group + ' (' + rows.count() + ')</td>')
.attr('data-name', all)
.toggleClass('collapsed', collapsed);
}
}
});
$('#example tbody').on('click', 'tr.dtrg-start', function() {
var name = $(this).data('name');
collapsedGroups[name] = !collapsedGroups[name];
table.draw(false);
});
var rowGroups = $('.dtrg-start');
for (var i = 0; i < rowGroups.length; i++) {
$(rowGroups[i]).trigger('click');
}
});
我做错了什么
注意:我有嵌套的行组:
console.log(rowGroups.length)