angular ui-grid：如何在group-header上应用过滤器？

Question

在ui-grid中对group-header应用过滤器时，它们会消失。当我们在分组操作的结果中使用它时，我遇到了与列页脚相同的问题（当没有分组时定义页脚聚合函数时，使用应用的过滤器正确显示它。）

col.cellTemplate='<div>{{COL_FIELD | currency:"":0}} </div>';

我必须改变它以使它工作：

col.cellTemplate= 
'<div ng-if="!row.groupHeader">{{COL_FIELD | currency:"":0}} </div>'    
+'<div ng-if="row.groupHeader" >{{COL_FIELD }}</div>'      

但这不是我真正需要的;

Answer 1

默认情况下，分组会在标题中添加标签。这会导致细胞过滤器出现问题。你有两个选择。

1. 从组标题中删除标签。使用customTreeAggregationFinalizerFn可以轻松实现这一点。将以下代码添加到所需列的columnDefs。

  

customTreeAggregationFinalizerFn：function（aggregation）{   aggregation.rendered = aggregation.value; }

添加此内容后，您的cellFilter属性将适用于组标题。

1. 修改过滤器以分析和处理组标签。