ng-grid 如何删除自动生成的聚合/分组列答案

【问题标题】：ng-grid how to remove auto generated aggregate/grouping columnsng-grid 如何删除自动生成的聚合/分组列
【发布时间】：2014-05-12 21:38:27
【问题描述】：

有谁知道如何删除在将分组添加到 ng-grid 时添加的自动生成的列？这些列是空白的，出现在左侧，大约 30 像素宽。每个分组有一个这样的列（因此，如果我在 5 个字段上分组，我将有 5 个这样的空白列，它真的会抛出我的格式）。

编辑：我包括一个来自 ng-grid 网站的 plunker 来说明问题 - 对于“按”分组的每一列，网格左侧会出现一个额外的自动生成的列。

http://plnkr.co/edit/Bp2h2Lg6YzJoMbjocgg2?p=info

【问题讨论】：

它不应该有一个展开/折叠箭头吗？如果它们是空白的，您可能会在某处丢失图像工件
你能添加一个例子/小提琴吗？因为很难理解你的意思。
感谢本和亚历克斯的回复。亚历克斯，我直接从 ng-grid 站点包含了一个 plunker，因为它显示了我正在尝试做的事情。如果您将任何列拖动到网格顶部的分组栏（其中显示“将列标题拖放到此处并按该列分组”），那么您将看到一个额外的自动生成的行出现在左侧分组中包含的每一行的第一个网格。这是链接：plnkr.co/edit/Bp2h2Lg6YzJoMbjocgg2?p=info。谢谢。
嗨，Ben，你是对的，该列通常有一个箭头。我已修改聚合模板以删除该箭头，因为我不允许展开/折叠组。所以通常有箭头的列是空白的，所以我希望摆脱它。这是我的聚合模板：var htmlAggregateTemplateEdit="

{{row.label CUSTOM_FILTERS}}

"

标签： angularjs ng-grid autogeneratecolumn

【解决方案1】：

只需将showTreeRowHeader: false, 添加到您的网格选项中

【讨论】：

【解决方案2】：

我想通了。我不得不使用 ndGridEventGroups 事件。

    $scope.$on('ngGridEventGroups', function (newColumns) {

        var log = [];
        angular.forEach(newColumns.targetScope.columns, function (value) {
        if (value.isAggCol != undefined)
            {value.visible = !value.isAggCol;}

        }, log);

    });

那么对于您需要使用的 css（请注意，您需要将“table”替换为您在聚合模板中使用的任何 html 对象 - 显然，我的是一个表格 :)

<style type="text/css">
span.ngAggregateText {left:0px !important;}
table.ngAggregate {left:0px !important;}
</style>

【讨论】：