change filter options in the grid wrapper

[Fernando]

hello, I am working with the grid wrap component, and my problem is that in the filters of my columns I do not need to use all the filter options (for example, it is equal to, it is not equal to, it is after .. ..), I would like to only use some of them .. is it possible to do this?

[Veselin Tsvetanov]

Hello Fernando,

You could explicitly define which options to be rendered in each type of column filter present in the Grid. Here you could find a StackBlitz sample demonstrating that. It includes the following definitions for string and numeric filters:

filterableConfig:  {
  extra: false,
  operators: {
    string: {
      startswith: "Starts with",
      eq: "Is equal to",
      neq: "Is not equal to"
    },
    number: {
      lt: "Is less than",
      eq: "Is equal to",
      gt: "Is greater than"
    }
  }
}

Regards,
Veselin Tsvetanov
Progress Telerik

[Fernando]

Thank you very much, I could solve it. However, now I have another problem, I hope you can help me, previously I had the filter property in "row" mode (filterable-mode). Now I need to use a filter menu as the playback link of the example you passed, I cannot use these properties ( : filterable-cell-operator,: filterable-cell-suggestion-operator) so how can I tell you to default to a filter type for example: contains

[Veselin Tsvetanov]

Hi Fernando,

May I ask you to send a StackBlitz sample demonstrating how you have used the filterable-cell-operator and filterable-cell-suggestion-operator options that are no longer configurable? You could use the already discussed sample as a starting point.

Regards,
Veselin Tsvetanov
Progress Telerik

[Fernando]

of course, this is the updated play link https://stackblitz.com/edit/bmbc6e-oghnqz?file=index.html

[Veselin Tsvetanov]

Hi Fernando,

Thank you for the updated sample.

You should be able to keep the operator and suggestion-operator configuration by changing the filterable.mode to row. Those will be available only for the row mode of the Grid filter:

filterableConfig:  {
  mode: "row",
  extra: false,
  operators: {
  string: {
    startswith: "Starts with",
    eq: "Is equal to",
    neq: "Is not equal to",
    contains: "Contains"
  },
  number: {
    lt: "Is less than",
    eq: "Is equal to",
    gt: "Is greater than"
  }
}

Here you could find a modified version of the sample discussed implementing the above.

Regards,
Veselin Tsvetanov
Progress Telerik