页面列表数据的表头或者行头冻结的方法

/*表格固定表头和行头样式start*/

.scrollDiv{

width:100%;overflow:scroll;

}

.scrollDiv table{

border-collapse: collapse;

}

.scrollDiv td{

border-bottom:1px solid #CCC;

border-right:1px solid #CCC;

height: 25px;

}

/*固定行头样式*/

.scrollDiv .scrollRowThead{

position: relative;

left: expression(this.parentElement.parentElement.parentElement.parentElement.parentElement.scrollLeft);

z-index:2;

background-color:EEEeee;

border-right:1px solid #CCC;

border-left:0px;

border-top:0px;

}

.scrollDiv .scrollRowTheadLeft{

border-top:0px;

border-left:1px solid #CCC;

}

.scrollDiv .scrollColThead .scrollRowThead{

border-top:1px solid #CCC;

}

.scrollDiv .scrollColThead .scrollRowTheadLeft{

border-top:1px solid #CCC;

}

/*固定表头样式*/

.scrollDiv .scrollColThead {

position: relative;

top: expression(this.offsetParent.scrollTop);

z-index:3;

text-align: center;

height: 26px;

background: #CCC;

}

.scrollDiv .scrollColThead td{

background-color: #eeeeee;

font-weight: bold;

text-align: center;

border-top:1px solid #CCC;

}

.scrollColThead td #aaa{

border-top:1px solid #CCC;

background-color: #eeeeee;

font-weight: bold;

text-align: center;

height: 52px;

}

.scrollSecondColThead {

position: relative;

top: expression(this.offsetParent.scrollTop);

z-index:2;

text-align: center;

height: 26px;

background: #CCC;

}

.scrollSecondColThead td{

background-color: #eeeeee;

font-weight: bold;

text-align: center;

background-color:EEEEEE;

}