Search code examples
javascriptknockout.jskogrid

kogrid filter not working - with plunker


I'm trying to use the filter functionality of the knockoutjs ko grid. There are two problems:

  1. the drop-down for the filter shows "Choose columns" but the end of the column names are overwritten by a table symbol
  2. the filter functionality isn't working. As I type the data is not filtered

enter image description here

I have a plunkr for this here: https://plnkr.co/edit/Ibc0WZwyb4melgNDzcUo?p=preview

I have also tried with the most basic of grid options:

this.gridOptions = {
    data: self.myData,
    enablePaging: true,
    pagingOptions: self.pagingOptions,
    filterOptions: self.filterOptions
};

Can anyone see where I went wrong please?


Solution

  • The problem with the filter ui is because of insufficient spacing between the field name and a table symbol. This can be fixed by changing the kogrid css file. Unfortunately my css skills are limited so I'm not able to share the fix here.