Horizontal scroll synchronization on two grids

Hi Everyone,

I am having a scenario where I have two grids->top is the header grid having the headers and 1 single row for filtering/searching and another is the actual data grid having the myDAta and no headerdisplay for this grid. So when i search in the header grid the rows in the data grid are filtered. I am able to achieve this.

So now I want to have the functionality of column resizable. So if I resize the header grid columns , the data grid columns should resize accordingly. In this I should make the horizontal scroll of header grid disable or should not display and it(header grid) should use the horizontal scroll of data grid for scrolling.

Can some one help me how I can do this.

Check this threads
http://www.activewidgets.com/javascript.forum.16298.7/sorting-on-second-header-row.html

http://www.activewidgets.com/javascript.forum.16454.0/adding-a-group-header-using.html

Maybe this one has an easier answer ( applied to horiz scroll)

http://www.activewidgets.com/javascript.forum.25218.3/how-to-place-the-vertical.html