如何固定col的表头？！

Question

<SCRIPT LANGUAGE="JavaScript">
<!--
function fixupFirstRow(tab)
{
  var div = tab.parentNode;
  if(div.className.toLowerCase() == "datagrid")
  {
    tab.rows[0].style.zIndex = "1";
    tab.rows[0].style.position = "relative";
    div.onscroll = function()
    {
      var tr = tab.rows[0];
      tr.style.top = this.scrollTop - (this.scrollTop==0 ? 1 : 2);
      tr.style.left = -1;
    }
  }
}
window.onload = function()
{
  var tab = document.getElementById("coolGrid1");
  if(tab) fixupFirstRow(tab);
}
//-->
</SCRIPT>
<div class=datagrid style="width: 100%; height: 60; overflow: auto;">
<table id=coolGrid1 class="coolGrid"  cellSpacing=0  cellPadding=2 borderStyle=2 altRowColor="oldlace">
<col><col><col><col><col><col>
<thead>
<tr align=center bgcolor=yellow>
<td nowrap>First Name</td>
<td nowrap>Last Name</td>
<td nowrap>Team</td>
<td nowrap>Engine</td>
<td nowrap>Tires</td>
<td nowrap>Fastest Lap</td>
</tr>
</thead>
<tbody>
<tr>
<td>Michael</td>
<td>Schumacher</td>
<td>Ferrari</td>
<td>Ferrari</td>
<td>Bridgestone</td>
<td>1.15.872</td>
</tr>
<tr>
<td>Michael</td>
<td>Schumacher</td>
<td>Ferrari</td>
<td>Ferrari</td>
<td>Bridgestone</td>
<td>1.15.872</td>
</tr>
<tr>
<td>Michael</td>
<td>Schumacher</td>
<td>Ferrari</td>
<td>Ferrari</td>
<td>Bridgestone</td>
<td>1.15.872</td>
</tr>
<tr>
<td>Michael</td>
<td>Schumacher</td>
<td>Ferrari</td>
<td>Ferrari</td>
<td>Bridgestone</td>
<td>1.15.872</td>
</tr>
</tbody>
</table>
</div>

Answer 1

http://computer.mblogger.cn/awaysrain/posts/1680.aspx

Answer 2

meizz(梅花雪) 为什么你的我直接用能行,我把他加到我的程序就出错了呢?

Answer 3

调整窗口大小可以看到相关效果。-----固定Table首行(20041123)
http://jkisjk.vip.sina.com/html/fixHeadTr2.htm固定Table首行首列(20041123)
http://jkisjk.vip.sina.com/html/fixHeadTr3.htm

Answer 4

我下载的是http://www.stedy.com的哪个coolGrid，改了很久都不能让表头固定，怎么回事情啊。高手帮忙看看！

Answer 5

http://wwww.169baby.net/coolGrid.rar
哪个高手帮我看一下。