Search code examples
jquerykendo-ui-grid

Strange view of row filter in Kendo UI Grid

I have a problem with the row filtering method of my Kendo UI Builder grids.

When I'm setting the filterable property to "row" or "menu, row" then the grid displays the following row filters.

enter image description here

You can see, that there is no input area and the filter itself looks broken.

Here is my code for setting the filterable mode in controller.public.js. 

this.$components.KDGrid.options.filterable = {
    mode: "row"
};

The grid is made by the Kendo UI Builder Version 2.0.0.87 by Progress.

What I'm missing?

Solution

  • Got it! If you modify the filterable mode, than you also have to modify the filter options.

    Documentation

    this.$components.KDGrid.options.columns["0"].filterable = {
        cell: {
            showOperators: false,
            operator: "gte"
        }
    };