如何将过滤器按钮添加到ui-grid标头

Question

如何在网格标题内获得过滤启用/禁用按钮。

我有这个plunker，您可以在其中看到启用/禁用过滤选项，但我需要在网格标题内部，如下图所示。

低音我需要这个按钮：

<button id='toggleFiltering' ng-click="toggleFiltering()" class="btn btn-success">Filter</button>

在网格标题中

Answer 1

我做到了：）

这是plunker

这是columnDefs下的主要部分：

xsl:attribute name="chunk">to-content</xsl:attribute>

并且被调用的函数直接在范围对象中：

      {field: 'filtertoggle', displayName: '', visible: true,  headerCellTemplate: '' +
                            '<button id=\'toggleFiltering\' ng-click="grid.appScope.toggleFiltering()" class="btn btn-success">' +
                            'Toggle Filtering</button>'
      }