테이블 고정 헤더 샘플 code_javascript 기술

테이블 고정 헤더:

코드 복사 코드는 다음과 같습니다.

html 소스 코드:

코드 복사 코드는 다음과 같습니다.

<%@ page Language="java" import="java.util.*" pageEncoding="utf-8"%> 🎜>

javascript">
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==0?1:2)
tr.style.left=-1;
}
}

window.onload = function(){
var tab=document.getElementById("freezedivTable")
if(tab){
fixupFirstRow(tab); }
}

<번째 width="25%">일련번호







td>




;/td>


5

🎜>


;/td>







td>9
;컨텐츠
tr>

내용	;일련번호	내용
1< /td>	콘텐츠	콘텐츠
2	콘텐츠	22
3	33> /td>	콘텐츠
4	44
콘텐츠	콘텐츠
6	콘텐츠	66	7		77	콘텐츠	8	;콘텐츠	88
99	10	콘텐츠	1010	콘텐츠

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.