Grid header does not align with column

[gopigupta]

Hello,

I am facing an issue of misalignment of grid header with its columns when clicked on filter icon. I can generate same issue in one of the param query demo code. Steps to reproduce:-

1. open link https://paramquery.com/pro/demos/filter_header_local which has demo code for filtering.
2. add code dragColumns: { enabled: false } in grid, maybe after line no. 59.
3. Change freezeCols to 0 i.e. freezeCols: 0
4. click "Edit and Run button".
5. Now, increase width of 2nd column(i.e. Freight) then move horizontal scroll bar to little right so that 2nd column will appear half on grid. Click filter icon of third column(i.e. order ID). You will observe misalignment of header with columns.

I have attached screen shot for reference.

Please let me know solution for this issue.     

[paramvir]

Please add this after loading pqgrid js file to fix this issue.

Code: [Select]

jQuery.paramquery.pqGrid.prototype.onfocusHeader = function(){}