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)