Datagrid scrollbar with fixed header and scrolling issue

Question

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

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

enter image description here

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.

One solution is show the scrollbar only and just only when the number of rows are bigger than the grid size: "overflow-y:auto" — anmarti
I've tried this with no succed codeproject.com/Articles/10068/… — anmarti

Sagiv Ofek Sagiv Ofek · Accepted Answer · 2012-07-31T10:49:34

i suggest you have a look on an open-source tiny function i wrote for fixed-table headers: https://github.com/sagivo/fixed-table-header

Datagrid scrollbar with fixed header and scrolling issue

2 Answers