filtering with standard template works!!! ----------------------------------------------------------------------------------------------------------
filtering with custom template works!!! template value : {{ dataItem["Discontinued"] }} ----------------------------------------------------------------------------------------------------------
filtering with component in template works!!! ----------------------------------------------------------------------------------------------------------
filtering with injected component in template filter doesn't work correct!!!
    eg.
    - Filter Discontinued: true => return 2 rows 1 with true other false (should be 2 time true)
    - Filter name : contains noo => return 2 rows 1 with noodles other with chai (should be 2 times noodles)
    - Filter price : greater then 18 => returns 2 rows 1 width 18 and other with 35 (58 is missing)
  
It seems to filter the data and finds out how many rows it needs to show but then takes the first X rows. X being the filtered row count. If you for example change the order of the data that the noodle rows are the 2 top rows and filter on 'noo', it will show the correct rows