I need to disable the Kendo filter option on particular column on click of a button. I gave a shot as mentioned in link Grid Custom Filter for Columns Not In Grid but it throws error since filterable is not defined. Please help.

function ButtonClick() {
var TestGridDetails = $("#TestGrid").data("kendoGrid");
TestGridDetails.columns[6].filterable(false);
}

I need to disable the Kendo filter option on particular column on click of a button. I gave a shot as mentioned in link Grid Custom Filter for Columns Not In Grid but it throws error since filterable is not defined. Please help.

function ButtonClick() {
var TestGridDetails = $("#TestGrid").data("kendoGrid");
TestGridDetails.columns[6].filterable(false);
}

• javascript
• kendo-grid

Share Improve this question Follow edited May 23, 2017 at 12:08 CommunityBot 111 silver badge asked Nov 28, 2014 at 9:09 InterstellarInterstellar 67422 gold badges1313 silver badges3030 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

It seems you can't just change one column value; you can change options globally with the setOptions method but you need to define all of the columns' details.

function ButtonClick() {
  var TestGridDetails = $("#TestGrid").data("kendoGrid"),
      columnsConfig = TestGridDetails.options.columns;
  columnsConfig[6].filterable = false;
  TestGridDetails.setOptions({columns: columnsConfig});
}