Change title for Filters

[diego]

Hi I have a grid using: https://www.telerik.com/kendo-vue-ui/components/grid/filtering/filter-menu/

I have several filters by columns, how can I change the title?

In the image you can see my grid, for example in the first filter I need the title to be different from the second, how is this possible?

 

 

 

[Petar]

Hello, Diego. 

There is no built-in configuration that can be used out of the box to achieve the desired functionality. What we can suggest are the following two options:

• Option 1: Use a custom column menu template as in this example from our documentation. In the shared example, in the custom column menu you can use a definition like this:
  

      <GridColumnMenuItemGroup>
        <GridColumnMenuItem
          :title="'My Filter'"
          :icon-class="'k-i-filter'"
          @menuitemclick="onMenuItemClick"
        />
        <GridColumnMenuItemContent :show="filterExpanded">
         ....................................................
          Your custom filter implementation
         ....................................................      </GridColumnMenuItemContent>
      </GridColumnMenuItemGroup>

• Option 2: Dynamically edit the DOM tree like in this example. This is not the best approach but is still an option.

Last but not least, I can see that you don't have a valid license registration. As the Kendo UI for Vue is a commercial library, may I ask you to register for a trial or commercial license following the steps here?

Thank you in advance for your cooperation and understanding.

[diego]

Hello, thanks for your support.

Yes, I tried the first option but don't work for me, the second options yes. thanks

[Petar]

You are welcome, Diego! I am glad to hear that the suggested approach has helped you.