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")的高度减去锁定的表头的高度

//目前谷歌  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即可。