Forms Data Controls :: Implementing A Datagrid With Custom Scroll Bar?

I am implementing a Datagrid with custom scroll bar(tiny scroller using Javascript).

Here the problem is the Header also scrolls.So how can I make it fixed.

I have one solution like following.

function s()
{
var t = document.getElementById("");
var t2 = t.cloneNode(true)
for(i = t2.rows.length -1;i > 0;i--)
t2.deleteRow(i)
t.deleteRow(0)
Headerdiv.appendChild(t2)
}

Here the header is Fixed(almost problem solved).But the Header columns are not in Correct position corresponding to data columns.