Angular UI-Grid: How to Clear All (general Angular and built-in UI-Grid) Column Filters On Button Click

Sorry, I didn't see the clearAllFilters() function of ui grid. So it becomes simpler. You can do this:

  $scope.clearFilters = function() {            $scope.myGridApi.grid.clearAllFilters();        };

you can do this:

//get the grid api

$scope.myGridOptions.onRegisterApi = function(gridApi) {  $scope.myGridApi=gridApi;}

You have to bind this function to your clear button :

        $scope.clearFilters = function() {            var columns = $scope.myGridApi.grid.columns;                for (var i = 0; i < columns.length; i++) {                    if (columns[i].enableFiltering) {                        columns[i].filters[0].term='';                    }                }            };

Please try this:

$scope.gridApi.core.clearAllFilters();

The $scope.gridApi was from the initial setting of my ui-grid element

 $scope.gridOptions = {        flatEntityAccess: true,        paginationPageSizes: [10, 25, 50, 75, 100],        paginationPageSize: 25,        enableFiltering: true,        enableColumnResizing: true,        enableGridMenu: true,        onRegisterApi: function (gridApi) {            $scope.gridApi = gridApi;        },        columnDefs: [{