左右滚动时，让table的第一列固定显示在最左侧

<!--参考了一下别人的，自己也做了一部分，固定首行更简单，就不写了 -->

 

 <style>
   div.DataGrid {
    overflow: auto;/*修剪规则*/
    height: 160;
    width: 400;
   }
   .firstCell{
    background-color:blue;
   }
  </style>

 

  <SCRIPT LANGUAGE="JavaScript">  
     function   fixupFirstRow(tab)  
     {  
         var   div   =   tab.parentNode;  
         if(div.className.toLowerCase()   ==   "datagrid")  
         {
          var r=tab.rows;

<!--设置每行首个元素在最上层-->
          for(var i=0;i<r.length;i++){
           r[i].cells[0].style.zIndex="1";
           
           r[i].cells[0].style.position="relative";
          }
          

<!--滚动的时候如何控制第一列-->
          div.οnscrοll=function(){
           for(var i=0;i<r.length;i++){
            var cell=r[i].cells[0];

 

<!--scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离-->
            cell.style.left=this.scrollLeft-(this.scrollLeft==0?1:2);
            cell.style.top=-1;
           }
          }
         }  
     }  
     window.onload   =   function()  
     {  
         var   tab   =   document.getElementById("content");  
         if(tab)   fixupFirstRow(tab);  
     }  

</script>