我页面中有个动态生成的表。为了固定表头和第一列（序号列）当X滚动条滚动时，序号列不动。我用了在样式上用了expression

结果。当数据多时，就会有问题。十分之慢。
代码比较长。
主要部分如下。
.scrollableRowHeader  //固定序号列
{
background-color:#E0E6F6;
position: relative; 
left: expression(document.getElementById("tableContainer").scrollLeft);
z-index:100;
}
.scrollableHeader //固定表头
{ 
position: relative; 
top: expression(document.getElementById("tableContainer").scrollTop);
z-index:1000;
}
//动态生成表数据。
<div style="width:770px;border:1px solid black;height: 305px; overflow:auto;padding:-1px" id="tableContainer">
<table cellpadding="0" cellspacing="0" width="760" align="left" border="0" id="table1">
<thead>
<tr align="center" bgcolor="#FFFAF0" class="scrollableHeader">
<td height="25" width="20px" style="border-left:0px;background-color:#FFFAF0;" class="scrollableRowHeader">&nbsp;</td>
<td style="border-left: 0px; font-weight: bold;" width="200px">国别代码</td>
<td style="border-left: 0px;font-weight: bold;" width="200px">英文名称</td>
<td style="border-left: 0px;font-weight: bold;" width="200px">中文名称</td>

</tr>
</thead>

<% for (int i = 0; i < Convert.ToInt32(hidLines.Value); i++){ %>
<tr class="scrollItem" id="tr_<%=i %>" >
<td height="22" width="20px" style="border-left:0px;border-top:0px;text-align:center" class="scrollableRowHeader" >
<span id='spn_<%=i %>' style="cursor:hand" onclick="SelectLine1(<%=i %>)"><%= i+1 %></span></td>
<td style="border-left: 0px; border-top: 0px">
<input type="text" id='txt_<%=i %>_0' size="10" value="" onfocus="SetFocus1(this)" 
onkeydown="ChkKey()" class="cellbox" onchange="javascript:document.getElementById('hidHasChange').value='1';document.getElementById('hidChg_<%=i %>').value='1';"  />
<input type="hidden" id="hidNo_<%=i %>" value="" /><input type="hidden" id="hidChg_<%=i %>" value="0" />
</td>
        <td style="border-left: 0px; border-top: 0px">
<input type="text" id='txt_<%=i %>_1' size="10" value="" onfocus="SetFocus1(this)" 
onkeydown="ChkKey()" class="cellbox" onchange="javascript:document.getElementById('hidHasChange').value='1';document.getElementById('hidChg_<%=i %>').value='1';"  /></td>
    <td style="border-left: 0px; border-top: 0px">
<input type="text" id='txt_<%=i %>_2' size="10" value="" onfocus="SetFocus1(this)" 
onkeydown="ChkKey()" class="cellbox" onchange="javascript:document.getElementById('hidHasChange').value='1';document.getElementById('hidChg_<%=i %>').value='1';"  /></td>

                     
</tr>
<% } %>
</table>

但当数据量50以上，就会开始觉得慢。上到100就会没反应状态。真不知点算好。
有没有高手实现过。现在所用的方法已经是javascript我想在客户端运行不应该这么慢。
能有解决办法吗？