table固定首行首列（expression控制）

 

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.                 }