angular-ui/ui-grid

ui grid menu: customize the default menu option to show/hide column

Open

#5,309 opened on Apr 12, 2016

View on GitHub
 (1 comment) (4 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import
good first issue

Description

I have enabled the grid menu using gridOptions.enableGridMenu = true. I am getting the grid menu with an option to show/hide individual columns. I would like to customize the "columns" text that appears here. I am not using the i18 service of Angular as I have my own resources. How can I change that text? Please refer to the picture. Also, can i hide the "Clear all filters" menu item?

capture

Contributor guide

Tech stack
javascriptangular
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
AngularJS basicsUI Grid configuration
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Examine the UI Grid documentation and source code (particularly the gridMenu feature) to find how to customize the menu text. The user wants to change the 'columns' text and hide 'Clear all filters'. Look for gridMenuOptions or a custom template option in the grid options. The issue has no PR, so propose a solution that modifies the default text via a configuration property or by overriding the menu template.