如何从Angular UI-Grid中删除过滤

Question

我想使用angular ui grid在标题上显示一个没有过滤器的网格。目前使用下面的代码我会在列标题处获取过滤器。

app.controller('MainCtrl', ['$scope','$http', function ($scope,$http) { 
      $scope.gridOptions = {};
      $http.get('data/grid1.json')
      .success(function(data) {
        $scope.gridOptions.data = data;
      });
}]);

下面是加载网格的HTML

<div id="grid1" ui-grid="gridOptions" class="grid"></div>

这是一个示例   http://ui-grid.info/

有人可以建议我如何删除这些过滤器

Answer 1

如果您尝试仅删除单个列的过滤器，则columnDefs应指定

enableFiltering

我经常使用我为行动添加的额外列来执行此操作：

var actionCol = {
    name: 'Actions',
    width: '90',
    cellTemplate: actionTemplate,
    enableCellEdit: false,
    sortable: false,
    enableFiltering: false
};

参考：UI-Grid API

Answer 2

要删除过滤器选项，您需要使用enableFiltering配置网格：false。

$scope.gridOptions = {
  enableFiltering: false
};