固定表头和列的方法

lilinbinglinux

.ListTableF {
border:1px solid #8EC2E6;
border-collapse:collapse;
BORDER-BOTTOM: medium none;
     BORDER-LEFT: medium none;
     BORDER-RIGHT: medium none;
     BORDER-TOP: medium none;
     margin-top:-1px;
     margin-left:-1px;
     margin-right:-1px;
}
.fixedDiv{
overflow:auto;
height:expression(document.body.clientHeight-240);
width:expression(800);
BORDER-BOTTOM: #94B6E6 1pt solid;
    BORDER-LEFT: #94B6E6 1pt solid;
     BORDER-RIGHT: #94B6E6 1pt solid;
     BORDER-TOP: #94B6E6 1pt solid ;
overflow-x:scroll;
}
.fixedHeaderTr {
position:relative;
top:expression(this.offsetParent.scrollTop);
z-index:20;
}
.fixedHeaderTd {
position:relative;
left:expression(this.offsetParent.scrollLeft);
z-index:10;
}
.TableRow {
background-repeat:repeat;
background-position : center left;
BACKGROUND-COLOR: #AEC2E6;
font-size: 12px;  
BORDER-BOTTOM: #94B6E6 1pt solid;
BORDER-LEFT: #94B6E6 1pt solid;
BORDER-RIGHT: #94B6E6 1pt solid;
BORDER-TOP: #94B6E6 1pt solid;
height:22;
font-weight: bold;
valign:middle;
}
.TableRow1 {
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
position: relative;
BACKGROUND-COLOR: #AEC2E6;
font-size: 12px;  
BORDER-BOTTOM: #94B6E6 1pt solid;
BORDER-LEFT: #94B6E6 1pt solid;
BORDER-RIGHT: #94B6E6 1pt solid;
BORDER-TOP: #94B6E6 1pt solid;
height:22;
font-weight: bold;
valign:middle;
z-index:10;
}
.TableRow2 {
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
position: relative;
background-repeat:repeat;
background-position : center left;
BACKGROUND-COLOR: #AEC2E6;
font-size: 12px;  
BORDER-BOTTOM: #94B6E6 1pt solid;
BORDER-LEFT: #94B6E6 1pt solid;
BORDER-RIGHT: #94B6E6 1pt solid;
BORDER-TOP: #94B6E6 1pt solid;
height:22;
font-weight: bold;
valign:middle;
z-index:30;
}
.RecordRow {
border: inset 1px #94B6E6;
BORDER-BOTTOM: #94B6E6 1pt solid;
BORDER-LEFT: #94B6E6 1pt solid;
BORDER-RIGHT: #94B6E6 1pt solid;
BORDER-TOP: #94B6E6 1pt solid;
font-size: 12px;
border-collapse:collapse;
height:22;
}     

class="ListTableF">

  第一列
  第二列
  第三列
  第四列
  第五列
  第六列
  第七列
  第八列


  第一行
   
   
   
   
   
   
   


  第二行
   
   
   
   
   
   
   


  第三行
   
   
   
   
   
   
   


  第四行
   
   
   
   
   
   
   


  第五行
   
   
   
   
   
   
   


  第六行
   
   
   
   
   
   
   


  第七行
   
   
   
   
   
   
   


  第八行
   
   
   
   
   
   
   


  第九行
   
   
   
   
   
   
   


  第十行
   
   
   
   
   
   
   


  第十一行
   
   
   
   
   
   
   


  第十二行
   
   
   
   
   
   
   


  第十三行
   
   
   
   
   
   
   


  第十四行
   
   
   
   
   
   
   


  第十五行
   
   
   
   
   
   
   


  第十六行
   
   
   
   
   
   
   


  第十七行
   
   
   
   
   
   
   


  第十八行
   
   
   
   
   
   
   


  第十九行
   
   
   
   
   
   
   


  第二十行
   
   
   
   
   
   
   


  第二十一行
   
   
   
   
   
   
   


  第二十二行
   
   
   
   
   
   
   


  第二十三行
   
   
   
   
   
   
   


  第二十四行
   
   
   
   
   
   
   


   


本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u/21114/showart_1386367.html