如何在 DataTable 多级分组中获取组以设置组行样式？答案

【问题标题】：How to get the group in DataTable multi-level grouping for styling the group row?如何在 DataTable 多级分组中获取组以设置组行样式？
【发布时间】：2020-08-26 13:02:25
【问题描述】：

我正在使用 here 中描述的 DataTable 多级分组。一切正常。但我想设置组标题行的样式，使组标题应出现在相应的列中。目前显示如下

我想要像下面这样

我知道有一个回调函数来显示该行。但是如何确定该行代表哪个组？

rowGroup: {
                startRender: function(rows, group) {
                    return $('<tr/>')
                    .append( '<td colspan="3">'+group+'</td>' )
                    .append( '<td></td>' )
                    .append( '<td/>' )
                    .append( '<td></td>' )
                    .append( '<td></td>' )
                    .append( '<td></td>' );
                },
                dataSrc: [1, 2]
            },

请帮忙。

【问题讨论】：

标签： jquery datatable datatables

【解决方案1】：

我能够使用以下代码识别该组。

rowGroup: {
                startRender: function(rows, group) {
                    if (rows.data().pluck(1)[0] == group) {
                        return $('<tr/>')
                            .append('<td>' + group + '</td>')
                            .append('<td></td>')
                            .append('<td/>')
                            .append('<td></td>')
                            .append('<td>' + rows.data().pluck(5)[0] + '</td>')
                            .append('<td></td>');
                    } else if (rows.data().pluck(2)[0] == group) {
                        return $('<tr/>')
                            .append('<td></td>')
                            .append('<td>' + group + '</td>')
                            .append('<td/>')
                            .append('<td></td>')
                            .append('<td></td>')
                            .append('<td></td>');
                    }
                },
                dataSrc: [1, 2]
            },

【讨论】：