How to hide or extend clear all filters · angular-ui/ui-grid#6146

(2 comments) (0 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import

help wantedtype: enhancement

Description

Hello,

Is it possible to hide clear all filters from grid menu? I want to have options enableFiltering: true, but I don't want to have "Clear All Filters" in Grid Menu.

Why I want to hide that is because I made my custom menu item "Remove all filters" which removes ( clear ) searches, grouping & selected rows.

        gridMenuCustomItems: [
          {
            title: "Reset all filters",
            action: function($event){
              console.log($scope);
              $scope.gridApi.grouping.clearGrouping(); // clear grouping
              $scope.gridApi.selection.clearSelectedRows(); // clear selected rows
              $scope.gridApi.core.clearAllFilters(); // clear search
              // $scope.gridApi.pinning.pinColumn("");  // clear pinned columns
            },
          }
        ],

If it is not possible to hide "Clear all filters" is it possible to extend that functionallity and add options for removing grouping and selected rows.

Thanks in advance

Contributor guide

Tech stack: javascriptangular
Domain: frontend
Issue type: feature
Difficulty: 3
Estimated time: 1-3 hours
Activity status: stale
Clarity: clear
Prerequisites: AngularJS basicsui grid grid menu customization
Newbie friendliness: 45
Research direction: Investigate how the 'Clear All Filters' item is added to the grid menu in ui grid's source code (likely in a gridMenu directive or service). Check if there is an option to disable it via grid options. If not, consider overriding the behavior by accessing the grid menu items array after grid initialization and removing the item. Alternatively, extend the custom menu item to call additional API methods as shown in the issue. Look at the ui grid documentation on custom grid menu items and the grid API documentation for available methods.