Datagrid scrollbar with fixed header and scrolling issue
===

I have a datagrid in such a way that I set the header not visible and I put a fixed size table as a header instead. Then the datagrid is wrapped in a div which has the attribute "overflow-y:scroll", so I can scroll and view all the datagrid contents as well as the column headers:

![enter image description here][1]



This works fine but its quite ugly. Look the following picture:

![enter image description here][2]

  [1]: http://i.stack.imgur.com/uL30U.jpg
  [2]: http://i.stack.imgur.com/Z6ST5.jpg

Okey, What I want is put the scrollbar "up arrow" next to the fixed header (a html table) but in such a way that I was still able to see the header while scrolling.

How can I achive this?
thank you.