jQuery仿excel表格头部固定内容滚动代码

来源:https://www.sucaihuo.com/js/2282.html 2017-07-02 19:28浏览(1210) 收藏

jQuery仿excel表格头部固定内容滚动代码,excel表格左侧固定代码。
jQuery仿excel表格头部固定内容滚动代码
分类:其它特效 > jQuery插件 难易:初级
查看演示 下载资源 下载积分: 20 积分

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>
标签: 表格excel
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2