按未显示的列分组 ng-grid答案

【问题标题】：Grouping ng-grid by non-displayed column按未显示的列分组 ng-grid
【发布时间】：2014-12-23 04:27:02
【问题描述】：

假设我有一个模式对象数组

{
  name: ...
  age: ...
  dept: ...
}

我想在 ng-grid 上显示它们，但我只想要 name 和 age 的列

columnDefs: [{field:'name'...},{field:'age'...}

但我希望它们按dept 分组，不显示 dept 列。

我尝试在我的网格选项中添加一个groups: ['dept']，但这不起作用 - 它只是显示没有分组的网格。

我也seen 很多人用gridOptions.groupBy，但是当我尝试时

$scope.gridOptions = ...
$scope.gridOptions.groupBy('dept')

我收到一个（预期的）undefined is not a function 错误。当gridOptions 只是一个普通的旧对象时，我不明白人们的示例是如何工作的。

所以我的问题是：是否可以将我的 ng-grid 与未显示的列分组？

【问题讨论】：

【解决方案1】：

我发现了一个解决问题的方法。我将“分组依据”列定义为正常，但我将 width、minWidth 和 maxWidth 设置为 0。此外，我将 resizeable 设置为 false。

【讨论】：

【解决方案2】：

你可以使用

$scope.gridOptions = {
    columnDefs: [ {field:'name'...}, {field:'age'...}, {field:'dept', visible:false }],    
    groups: ['dept']
}

【讨论】：