Filter in column header giving me an error

I have a grid with 10,000 of records, display 50 records per page using paging method. Whenever I enter something into the header filter, I get this error

My question :

  1. Why this error happen?

  2. Is there any alternative to solve this issue?

  3. What would be the best method/solutions to handle 10,000 records with paging AND header filter?

  4. I try using onFilterStart, but it only allows me to filter records on one column header at one time, whereas if I’m NOT using onFilterStart I can filter records many column header at one time.
    Is there any workaround to this problem?

mygrid.attachEvent(“onFilterStart”, function(indexes,values){
//load xml

This issue may occur if you try to use client side filtering while not rows are loaded yet. As work around you may use server side filtering. Please check tutorial here … de_sorting