angularjs ng-grid在分组时展开/折叠所有行

Question

我使用angularjs ng-grid。 我想添加一个按钮来展开/折叠所有行，当某个字段为ng-grid group时。我怎么能这样做？

Answer 1

ng-grid的分组部分可能有一个类.ngViewport .ng-scope

我想在这里添加折叠功能。

动态添加此div ng-show属性

$('.ngViewport').attr('ng-show', 'collapsed'); //This is jquery, you can use angular directives for best practice, dont have time :)

将其分配给按钮。因此，无论何时单击，都会切换。

<a href="#" ng-model="collapsed" ng-click="collapsed=!collapsed">Click here to <strong>Toggle (show/hide)</strong> Grid</a>