How to remove filtering from Angular UI-Grid

Question

I want to display a grid with no filters on the header using angular ui grid.Currently with the below code im getting filters at the column header.

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

Below is the HTML where the grid is loaded

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

here is a sample how it looks like http://ui-grid.info/

Could anybody suggest me how to remove these filters

Brian · Accepted Answer · 2016-03-17 16:38:26Z

2

If you are trying to remove a filter for a single column only, columnDefs should specify

enableFiltering

I often do this with an extra column that I add for actions:

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

Reference: UI-Grid API

answered Mar 17, 2016 at 16:38

Brian

5,0693 gold badges22 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kathir · Accepted Answer · 2015-05-08 22:13:10Z

0

To remove the filter options, you need to configure the grid with enableFiltering: false .

$scope.gridOptions = {
  enableFiltering: false
};

answered May 8, 2015 at 22:13

Kathir

6,2068 gold badges38 silver badges68 bronze badges

Collectives™ on Stack Overflow

How to remove filtering from Angular UI-Grid

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related