jQuery仿Excel表格右側與頭部固定程式碼

js程式碼
<script type="text/javascript" src="js/superTables.js"></script>
<script type="text/javascript">
//此處呼叫superTables.js裡需要的函數
window.onload=function(){ 
new superTable("demoTable", {cssSkin : "sDefault",  
## fixedCols : 1, //固定幾列
headerRows :2,  //頭部固定行數
onStart : function () {  
#   this.start = new Date(); 
},  
onFinish : function () {  
}  
}); 


$("#div_container").css("width","1000px");//這個寬度是容器寬度，不同容器寬度不同
$(".fakeContainer").css("height","400px");//這個高度是整個table可視區域的高度，不同情況高度不同

//.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" in window){//alert("IE 10");

}else{//其他瀏覽器
//alert("其他瀏覽器");
}
}

</script>

Jquery是網頁程式設計所需的重要技術之一。 Jquery是繼prototype之後又優秀的Javascrīpt框架，它是輕量級的js函式庫，它相容於CSS3，也相容於各種瀏覽器。 jQuery讓用戶能更方便地處理HTML documents、events、實現動畫效果，並且方便地為網站提供AJAX互動。 jQuery還有一個比較大的優點是，它的文件說明很全，而且各種應用也說得很詳細，同時還有許多成熟的插件可供選擇。 jQuery能夠讓使用者的html頁保持程式碼和html內容分離，也就是說，不用再在html裡面插入一堆js來呼叫指令了，只要定義id即可。