jQuery는 Excel 테이블 오른쪽과 헤더 고정 코드를 모방합니다.

JS 코드
<script type="text/javascript" src="js/superTables.js"></script>
<스크립트 유형="텍스트/자바스크립트">
//여기서 superTables.js에 필요한 함수를 호출하세요
window.onload=function(){
new superTable("demoTable", {cssSkin : "sDefault",
fixedCols: 1, //고정 열
headerRows:2, //고정된 헤더 행 수
onStart : 함수 () {
This.start = 새로운 날짜()
; },
onFinish : 함수 () {
}
});

$("#div_container").css("width","1000px");//이 너비는 컨테이너의 너비이며, 다른 컨테이너의 너비는 다릅니다
$(".fakeContainer").css("height","400px");//이 높이는 테이블 전체 가시 영역의 높이이며 높이는 상황에 따라 다릅니다

//.sData는 superTables.js를 호출한 후 페이지 자체에 의해 생성됩니다. 여기에는 테이블 헤더와 열을 잠그는 효과를 얻기 위해 스크롤 막대가 나타나는 곳입니다
$(".sData").css("width","885px");//이 블록의 너비는 $("#div_container") 너비에서 잠긴 열의 너비를 뺀 값입니다
$(".sData").css("height","325px");//이 블록의 높이는 $("#div_container") 높이에서 잠긴 헤더의 높이를 뺀 값입니다

//현재 Google ie8+ 360 브라우저는 모두 괜찮습니다. 프로젝트 요구에 따라 몇 가지 작은 사항을 변경해야 합니다.
//호환성 문제가 있는 경우 아래 브라우저 판단 방법으로 작성하시면 됩니다
if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.match(/9./i)=="9.")
{//alert("IE 9.0");

}else if (!!window.ActiveXObject || 창의 "ActiveXObject"){//alert("IE 10");

}else{//다른 브라우저
//alert("다른 브라우저");
}
}




Jquery는 웹 프로그래밍에 필요한 중요한 기술 중 하나입니다. Jquery는 프로토타입 이후의 또 다른 뛰어난 Javascrīpt 프레임워크입니다. CSS3 및 다양한 브라우저와 호환되는 경량 js 라이브러리입니다. jQuery를 사용하면 사용자는 HTML 문서 및 이벤트를 보다 쉽게 ​​처리하고, 애니메이션 효과를 구현하고, 웹 사이트에 AJAX 상호 작용을 쉽게 제공할 수 있습니다. jQuery의 또 다른 큰 장점은 문서가 매우 완벽하고 다양한 애플리케이션이 자세히 설명되어 있다는 점입니다. 선택할 수 있는 성숙한 플러그인도 많이 있습니다. jQuery는 사용자 HTML 페이지의 코드와 HTML 콘텐츠를 분리하여 유지할 수 있습니다. 즉, 명령을 호출하기 위해 HTML에 여러 개의 js를 삽입할 필요가 없습니다.