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

Question

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

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

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

Answer 1

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

Answer 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（注意你需要用你在聚合模板中使用的任何html对象替换“table” - 显然，我的是一个表:)

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