table固定首行首列(expression控制)

来源:互联网 发布:js文件 跨域访问变量 编辑:程序博客网 时间:2024/05/16 14:33
 
  1. <style type="text/css">
  2. .fixTop { Z-INDEX: 102; POSITION: relative; ; TOP: expression(this.offsetParent.scrollTop-2); HEIGHT: 50px; BACKGROUND-COLOR: #eeeeee }
  3. .fixLeft { Z-INDEX: 101; ; LEFT: expression(document.getElementById('scrollDiv').scrollLeft+2); POSITION: relative; BACKGROUND-COLOR: #eeeeee }
  4. </style>
  1.  var ItemList=SystemManagement.FixedTable.getItemList().value;
  2.           var tblLength=ItemList.Tables[0].Columns.length;
  3.           var tblHeigth=ItemList.Tables[0].Rows.length;
  4.           var tab=document.getElementById ("item");
  5.           var tblRow1=tab.insertRow();
  6.           tblRow1.className="fixTop";
  7.           for(var j=0;j<tblLength;j++)
  8.             {
  9.                 var tblCell=tblRow1.insertCell();//document.createElement("TD");
  10.                 var tabTitle=ItemList.Tables[0].Columns[j].Name;
  11.                 if(j==0)
  12.                     {
  13.                     tblCell.className="fixLeft";
  14.                     } 
  15.                 tblCell.innerText=tabTitle;
  16.                 //tblRow1.appendChild(tblCell);
  17.             }
  18.             for(var i=0;i<tblHeigth;i++)
  19.                 {
  20.                  var tblRow=tab.insertRow(); 
  21.                  for(var j=0;j<tblLength;j++)
  22.                     {
  23.                      var tblCell=document.createElement("TD");
  24.                      var tabTitle=ItemList.Tables[0].Columns[j].Name;
  25.                      var str=eval("ItemList.Tables[0].Rows[i]."+tabTitle);
  26.                         if(j==0)
  27.                         {
  28.                         tblCell.className="fixLeft";
  29.                         } 
  30.                      tblCell.innerText=str;
  31.                      tblRow.appendChild(tblCell);
  32.                     }
  33.                     
  34.                 }
原创粉丝点击