在一组行之后显示分隔线，而不是 DataTable 中的每一行答案

【问题标题】：Display dividing line after a group of rows not every row in a DataTable在一组行之后显示分隔线，而不是 DataTable 中的每一行
【发布时间】：2021-10-02 05:57:30
【问题描述】：

在我的dataTable 中，我用电话号码填充它，但这些号码可能会被复制，因为它们可能有不同的分机（例如），所以我不想在每条线上显示row 分隔线我想知道是否可以在带有大量rows 的数字之后显示？

下面是一个包含假数字的示例。

注意：仅当电话号码不匹配任何其他列时

【问题讨论】：

查看手册，datatables.net/examples/advanced_init/row_grouping.html
您可以创建“假”行跨度：example。这与您要求的效果相似（但不相同）。

标签： jquery datatables

【解决方案1】：

是的。您可以使用位于here 的rowGroup 扩展。

由于没有提供代码，我假设您的电话号码数据只是称为“号码”。您可以在 DataTable JS 代码中执行以下操作。

       rowGroup: {
            dataSrc: [
                'Number'
            ],
            startRender: function(rows, group, level) {
                var all;
                if (level === 0) {
                    top = group;
                    all = group;
                } else if (level === 1) {
                    parent = top + group;
                    all = parent;
                    if (!collapsedGroups[top]) {
                        return;
                    }
                } else {
                    if (!collapsedGroups[parent]) {
                        return;
                    }
                    all = top + parent + group;
                }
                var collapsed = !collapsedGroups[all];

                rows.nodes().each(function(r) {
                    r.style.display = collapsed ? 'none' : '';
                });
              
                return $('<tr/>')
                    .append('<td colspan="12" style="text-align: left;"">' + group + " (" + rows.count() + ")" + "</td>")
                    .attr('data-name', all)
                    .toggleClass('collapsed', collapsed);
            },
        },

【讨论】：