原生html冻结表头,Table冻结表头示例代码

Table冻结表头：

function fixupFirstRow(tab) {

var div=tab.parentNode;

if(div.className.toLowerCase()=="freezediv"){

tab.rows[0].style.zIndex="1";

tab.rows[0].style.position="relative";

div.onscroll = function(){

var tr = tab.rows[0];

tr.style.top = this.scrollTop-(this.scrollTop==0?1:2);

tr.style.left=-1;

}

}

}

window.onload = function(){

var tab=document.getElementById("freezedivTable");

if(tab){

fixupFirstRow(tab);

}

}

html源码：

function fixupFirstRow(tab) {

var div=tab.parentNode;

if(div.className.toLowerCase()=="freezediv"){

tab.rows[0].style.zIndex="1";

tab.rows[0].style.position="relative";

div.onscroll = function(){

var tr = tab.rows[0];

tr.style.top = this.scrollTop-(this.scrollTop==0?1:2);

tr.style.left=-1;

}

}

}

window.onload = function(){

var tab=document.getElementById("freezedivTable");

if(tab){

fixupFirstRow(tab);

}

}

序号	内容	序号	内容
1	内容	11	内容
2	内容	22	内容
3	内容	33	内容
4	内容	44	内容
5	内容	55	内容
6	内容	66	内容
7	内容	77	内容
8	内容	88	内容
9	内容	99	内容
10	内容	1010	内容