Grid Column Menu - removing or styling the default tooltip

[ANTONIO]

By default, the grid column menu (https://www.telerik.com/kendo-vue-ui/components/grid/columns/column-menu/) displays a weird tootip on hover, containing the field name and a "Column Menu" text:

I'd like to either remove this tooltip or customize it (for instance, by changing it's text with the title - and not the name - of the field, plus removing the "Column Menu" text). Is there a way to to this?

The documentation contains a "GridColumnMenuItemProps" section, and I see a "title" prop that could be useful (https://www.telerik.com/kendo-vue-ui/components/grid/api/GridColumnMenuItemProps/#toc-title). But I haven't found a way to pass this prop (at least, I haven't found anything on the documentation about it).

Is this possible?

[Petar]

Hi ANTONIO,

The discussed title in the column menu is available in the Grid's column menu rendering because of accessibility requirements. Below are the options I can suggest to you in dealing with the title. 

• Option 1: Remove the Title using an approach similar to what is demonstrated in this StackBlitz example.
• Option 2: Modify the text of the titles using the localization provider which is part of the Kendo UI for Vue Native suite.  Here is a StackBlitz example in which you can switch between three different languages. The language localization is achieved through the en-US.js, es.js, and fr.js files. In each of the mentioned files, you will find objects with messages definitions. To modify the title of the column menu, you can use the grid.columnMenu prop:
  

    'grid.columnMenu': 'This is custom text',

  With the above definition, the title of the column menu will be "Column Name" + the test defined using the above property. 

Please check the above options and let me know if they help you achieve what you need in the application you are working on.

Regards,
Petar
Progress Telerik