冻结 锁定 固定 行 列 表头 抬头 html table jquery 全兼容常见浏览器.docx
《冻结 锁定 固定 行 列 表头 抬头 html table jquery 全兼容常见浏览器.docx》由会员分享,可在线阅读,更多相关《冻结 锁定 固定 行 列 表头 抬头 html table jquery 全兼容常见浏览器.docx(33页珍藏版)》请在冰豆网上搜索。
冻结锁定固定行列表头抬头htmltablejquery全兼容常见浏览器
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"":
//.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//.w3.org/1999/xhtml">
//--functionFixTable(TableID,FixColumnNumber,width,height){//////锁定表头和列////////////要锁定的Table的ID/////////要锁定列的个数/////////显示的宽度/////////显示的高度///if($("#"+TableID+"_tableLayout").length!=0){$("#"+TableID+"_tableLayout").before($("#"+TableID));$("#"+TableID+"_tableLayout").empty();}else{$("#"+TableID).after("hidden;height:"+height+"px;width:"+width+"px;'>
//
--
functionFixTable(TableID,FixColumnNumber,width,height){
///
///锁定表头和列
///要锁定的Table的ID
///要锁定列的个数
///显示的宽度
///显示的高度
if($("#"+TableID+"_tableLayout").length!
=0){
$("#"+TableID+"_tableLayout").before($("#"+TableID));
$("#"+TableID+"_tableLayout").empty();
}
else{
$("#"+TableID).after("hidden;height:"+height+"px;width:"+width+"px;'>
hidden;height:
"+height+"px;width:
"+width+"px;'>
$('
+''
+'').appendTo("#"+TableID+"_tableLayout");
varoldtable=$("#"+TableID);
vartableFixClone=oldtable.clone(true);
tableFixClone.attr("id",TableID+"_tableFixClone");
$("#"+TableID+"_tableFix").append(tableFixClone);
vartableHeadClone=oldtable.clone(true);
tableHeadClone.attr("id",TableID+"_tableHeadClone");
$("#"+TableID+"_tableHead").append(tableHeadClone);
vartableColumnClone=oldtable.clone(true);
tableColumnClone.attr("id",TableID+"_tableColumnClone");
$("#"+TableID+"_tableColumn").append(tableColumnClone);
$("#"+TableID+"_tableData").append(oldtable);
$("#"+TableID+"_tableLayouttable").each(function(){
$(this).css("margin","0");
});
varHeadHeight=$("#"+TableID+"_tableHeadthead").height();
HeadHeight+=2;
$("#"+TableID+"_tableHead").css("height",HeadHeight);
$("#"+TableID+"_tableFix").css("height",HeadHeight);
varColumnsWidth=0;
varColumnsNumber=0;
$("#"+TableID+"_tableColumntr:
lasttd:
lt("+FixColumnNumber+")").each(function(){
ColumnsWidth+=$(this).outerWidth(true);
ColumnsNumber++;
ColumnsWidth+=2;
if($.browser.msie){
switch($.browser.version){
case"7.0":
if(ColumnsNumber>=3)ColumnsWidth--;
break;
case"8.0":
if(ColumnsNumber>=2)ColumnsWidth--;
$("#"+TableID+"_tableColumn").css("width",ColumnsWidth);
$("#"+TableID+"_tableFix").css("width",ColumnsWidth);
$("#"+TableID+"_tableData").scroll(function(){
$("#"+TableID+"_tableHead").scrollLeft($("#"+TableID+"_tableData").scrollLeft());
$("#"+TableID+"_tableColumn").scrollTop($("#"+TableID+"_tableData").scrollTop());
$("#"+TableID+"_tableFix").css({"overflow":
"hidden","position":
"relative","z-index":
"50","background-color":
"Silver"});
$("#"+TableID+"_tableHead").css({"overflow":
"hidden","width":
width-17,"position":
"45","background-color":
$("#"+TableID+"_tableColumn").css({"overflow":
"hidden","height":
height-17,"position":
"40","background-color":
$("#"+TableID+"_tableData").css({"overflow":
"scroll","width":
width,"height":
height,"position":
"35"});
if($("#"+TableID+"_tableHead").width()>$("#"+TableID+"_tableFixtable").width()){
$("#"+TableID+"_tableHead").css("width",$("#"+TableID+"_tableFixtable").width());
$("#"+TableID+"_tableData").css("width",$("#"+TableID+"_tableFixtable").width()+17);
if($("#"+TableID+"_tableColumn").height()>$("#"+TableID+"_tableColumntable").height()){
$("#"+TableID+"_tableColumn").css("height",$("#"+TableID+"_tableColumntable").height());
$("#"+TableID+"_tableData").css("height",$("#"+TableID+"_tableColumntable").height()+17);
$("#"+TableID+"_tableFix").offset($("#"+TableID+"_tableLayout").offset());
$("#"+TableID+"_tableHead").offset($("#"+TableID+"_tableLayout").offset());
$("#"+TableID+"_tableColumn").offset($("#"+TableID+"_tableLayout").offset());
$("#"+TableID+"_tableData").offset($("#"+TableID+"_tableLayout").offset());
$(document).ready(function(){
FixTable("MyTable",2,600,400);
//-->
鸣谢原文转自
//style="border-bottom-color:black;border-top-color:black;width:1000px;color:#000000;border-right-color:black;font-size:medium;border-left-color:black"id="MyTable"border="1"cellspacing="0"cellpadding="0">center;width:80px"rowspan="3">姓名center;width:80px"rowspan="3">班级center"colspan="10">成绩center"colspan="3">主科center"colspan="3">文科center"colspan="3">理科center;width:80px"rowspan="2">总分center;width:80px">语文center;width:80px">数学center;width:80px">英语center;width:80px">政治center;width:80px">历史center;width:80px">地理center;width:80px">物理center;width:80px">化学center;width:80px">生物--80px;text-align:center;"_mce_style="width:80px;text-align:center;">姓名80px;text-align:center;"_mce_style="width:80px;text-align:center;">班级80px;text-align:center;"_mce_style="width:80px;text-align:center;">语文80px;text-align:center;"_mce_style="width:80px;text-align:center;">数学80px;text-align:center;"_mce_style="width:80px;text-align:center;">英语80px;text-align:center;"_mce_style="width:80px;text-align:center;">政治80px;text-align:center;"_mce_style="width:80px;text-align:center;">历史80px;text-align:center;"_mce_style="width:80px;text-align:center;">地理80px;text-align:center;"_mce_style="width:80px;text-align:center;">物理80px;text-align:center;"_mce_style="width:80px;text-align:center;">化学80px;text-align:center;"_mce_style="width:80px;text-align:center;">生物80px;text-align:center;"_mce_style="width:80px;text-align:center;">总分-->--数据行-->学生32班级1292514628797347891526学生32班级1292514628797347891526学生32班级1292514628797347891526学生32班级1292514628797347891526学生32班级1292514628797347891526学生32班级1292514628797347891526学生32班级1292514628797347891526学生32班级1292514628797347891526学生32班级12925146287973 展开阅读全文 相关资源 功能材料课件.ppt 9、我们的影子.ppt 光功能材料PPT.ppt 危险与可操作性分析(HAZOP)方法介绍PPT.pptx 中国制造网账号优化攻略.ppt 部编版五年级语文下册第17课《跳水》精品课件(统编).pptx 部编版五年级语文下册第17课《跳水》优秀PPT课件.pptx 行政事业单位内部控制培训课件.pptx 专题七采购成本与价格管理.ppt 燃气经营安全重大隐患判定标准解读课件.pptx 猜你喜欢 中国可持续发展战略报告.docx 草坪与地被文档格式.docx 幼儿园万圣节主题活动方案 万圣节创意主题名称.docx 边城监狱厂房工程厂房施工组织方案Word格式.docx 城镇道路工程路面施工Word文档下载推荐.docx 幼儿中班三月工作计划总结.docx 标杆学习心得体会Word下载.docx 初中演讲与口才pptWord格式.docx 雨篷计算书G.docx 相关搜索 冻结 锁定 固定 表头 抬头 html table jquery 全兼容常见浏览器 兼容 常见 浏览器 当前位置:首页 > 经管营销 > 经济市场 copyright@ 2008-2022 冰豆网网站版权所有经营许可证编号:鄂ICP备2022015515号-1 登录 首页 资源分类 升级会员 通知公告 帮助中心
style="border-bottom-color:
black;border-top-color:
black;width:
1000px;color:
#000000;border-right-color:
black;font-size:
medium;border-left-color:
black"
id="MyTable"
border="1"
cellspacing="0"
cellpadding="0"
>
center;width:80px"rowspan="3">姓名center;width:80px"rowspan="3">班级center"colspan="10">成绩center"colspan="3">主科center"colspan="3">文科center"colspan="3">理科center;width:80px"rowspan="2">总分center;width:80px">语文center;width:80px">数学center;width:80px">英语center;width:80px">政治center;width:80px">历史center;width:80px">地理center;width:80px">物理center;width:80px">化学center;width:80px">生物--80px;text-align:center;"_mce_style="width:80px;text-align:center;">姓名80px;text-align:center;"_mce_style="width:80px;text-align:center;">班级80px;text-align:center;"_mce_style="width:80px;text-align:center;">语文80px;text-align:center;"_mce_style="width:80px;text-align:center;">数学80px;text-align:center;"_mce_style="width:80px;text-align:center;">英语80px;text-align:center;"_mce_style="width:80px;text-align:center;">政治80px;text-align:center;"_mce_style="width:80px;text-align:center;">历史80px;text-align:center;"_mce_style="width:80px;text-align:center;">地理80px;text-align:center;"_mce_style="width:80px;text-align:center;">物理80px;text-align:center;"_mce_style="width:80px;text-align:center;">化学80px;text-align:center;"_mce_style="width:80px;text-align:center;">生物80px;text-align:center;"_mce_style="width:80px;text-align:center;">总分-->
center;width:80px"rowspan="3">姓名center;width:80px"rowspan="3">班级center"colspan="10">成绩
center;width:
80px"rowspan="3">
姓名
center;width:80px"rowspan="3">班级center"colspan="10">成绩
班级
center"colspan="10">成绩
center"colspan="10">
成绩
center"colspan="3">主科center"colspan="3">文科center"colspan="3">理科center;width:80px"rowspan="2">总分
center"colspan="3">
主科
center"colspan="3">文科center"colspan="3">理科center;width:80px"rowspan="2">总分
文科
center"colspan="3">理科center;width:80px"rowspan="2">总分
理科
center;width:80px"rowspan="2">总分
80px"rowspan="2">
总分
center;width:80px">语文center;width:80px">数学center;width:80px">英语center;width:80px">政治center;width:80px">历史center;width:80px">地理center;width:80px">物理center;width:80px">化学center;width:80px">生物
80px">
语文
center;width:80px">数学center;width:80px">英语center;width:80px">政治center;width:80px">历史center;width:80px">地理center;width:80px">物理center;width:80px">化学center;width:80px">生物
数学
center;width:80px">英语center;width:80px">政治center;width:80px">历史center;width:80px">地理center;width:80px">物理center;width:80px">化学center;width:80px">生物
英语
center;width:80px">政治center;width:80px">历史center;width:80px">地理center;width:80px">物理center;width:80px">化学center;width:80px">生物
政治
center;width:80px">历史center;width:80px">地理center;width:80px">物理center;width:80px">化学center;width:80px">生物
历史
center;width:80px">地理center;width:80px">物理center;width:80px">化学center;width:80px">生物
地理
center;width:80px">物理center;width:80px">化学center;width:80px">生物
物理
center;width:80px">化学center;width:80px">生物
化学
center;width:80px">生物
生物
80px;text-align:center;"_mce_style="width:80px;text-align:center;">姓名80px;text-align:center;"_mce_style="width:80px;text-align:center;">班级80px;text-align:center;"_mce_style="width:80px;text-align:center;">语文80px;text-align:center;"_mce_style="width:80px;text-align:center;">数学80px;text-align:center;"_mce_style="width:80px;text-align:center;">英语80px;text-align:center;"_mce_style="width:80px;text-align:center;">政治80px;text-align:center;"_mce_style="width:80px;text-align:center;">历史80px;text-align:center;"_mce_style="width:80px;text-align:center;">地理80px;text-align:center;"_mce_style="width:80px;text-align:center;">物理80px;text-align:center;"_mce_style="width:80px;text-align:center;">化学80px;text-align:center;"_mce_style="width:80px;text-align:center;">生物80px;text-align:center;"_mce_style="width:80px;text-align:center;">总分
80px;text-align:
center;"_mce_style="width:
center;">
80px;text-align:center;"_mce_style="width:80px;text-align:center;">班级80px;text-align:center;"_mce_style="width:80px;text-align:center;">语文80px;text-align:center;"_mce_style="width:80px;text-align:center;">数学80px;text-align:center;"_mce_style="width:80px;text-align:center;">英语80px;text-align:center;"_mce_style="width:80px;text-align:center;">政治80px;text-align:center;"_mce_style="width:80px;text-align:center;">历史80px;text-align:center;"_mce_style="width:80px;text-align:center;">地理80px;text-align:center;"_mce_style="width:80px;text-align:center;">物理80px;text-align:center;"_mce_style="width:80px;text-align:center;">化学80px;text-align:center;"_mce_style="width:80px;text-align:center;">生物80px;text-align:center;"_mce_style="width:80px;text-align:center;">总分
80px;text-align:center;"_mce_style="width:80px;text-align:center;">语文80px;text-align:center;"_mce_style="width:80px;text-align:center;">数学80px;text-align:center;"_mce_style="width:80px;text-align:center;">英语80px;text-align:center;"_mce_style="width:80px;text-align:center;">政治80px;text-align:center;"_mce_style="width:80px;text-align:center;">历史80px;text-align:center;"_mce_style="width:80px;text-align:center;">地理80px;text-align:center;"_mce_style="width:80px;text-align:center;">物理80px;text-align:center;"_mce_style="width:80px;text-align:center;">化学80px;text-align:center;"_mce_style="width:80px;text-align:center;">生物80px;text-align:center;"_mce_style="width:80px;text-align:center;">总分
80px;text-align:center;"_mce_style="width:80px;text-align:center;">数学80px;text-align:center;"_mce_style="width:80px;text-align:center;">英语80px;text-align:center;"_mce_style="width:80px;text-align:center;">政治80px;text-align:center;"_mce_style="width:80px;text-align:center;">历史80px;text-align:center;"_mce_style="width:80px;text-align:center;">地理80px;text-align:center;"_mce_style="width:80px;text-align:center;">物理80px;text-align:center;"_mce_style="width:80px;text-align:center;">化学80px;text-align:center;"_mce_style="width:80px;text-align:center;">生物80px;text-align:center;"_mce_style="width:80px;text-align:center;">总分
80px;text-align:center;"_mce_style="width:80px;text-align:center;">英语80px;text-align:center;"_mce_style="width:80px;text-align:center;">政治80px;text-align:center;"_mce_style="width:80px;text-align:center;">历史80px;text-align:center;"_mce_style="width:80px;text-align:center;">地理80px;text-align:center;"_mce_style="width:80px;text-align:center;">物理80px;text-align:center;"_mce_style="width:80px;text-align:center;">化学80px;text-align:center;"_mce_style="width:80px;text-align:center;">生物80px;text-align:center;"_mce_style="width:80px;text-align:center;">总分
80px;text-align:center;"_mce_style="width:80px;text-align:center;">政治80px;text-align:center;"_mce_style="width:80px;text-align:center;">历史80px;text-align:center;"_mce_style="width:80px;text-align:center;">地理80px;text-align:center;"_mce_style="width:80px;text-align:center;">物理80px;text-align:center;"_mce_style="width:80px;text-align:center;">化学80px;text-align:center;"_mce_style="width:80px;text-align:center;">生物80px;text-align:center;"_mce_style="width:80px;text-align:center;">总分
80px;text-align:center;"_mce_style="width:80px;text-align:center;">历史80px;text-align:center;"_mce_style="width:80px;text-align:center;">地理80px;text-align:center;"_mce_style="width:80px;text-align:center;">物理80px;text-align:center;"_mce_style="width:80px;text-align:center;">化学80px;text-align:center;"_mce_style="width:80px;text-align:center;">生物80px;text-align:center;"_mce_style="width:80px;text-align:center;">总分
80px;text-align:center;"_mce_style="width:80px;text-align:center;">地理80px;text-align:center;"_mce_style="width:80px;text-align:center;">物理80px;text-align:center;"_mce_style="width:80px;text-align:center;">化学80px;text-align:center;"_mce_style="width:80px;text-align:center;">生物80px;text-align:center;"_mce_style="width:80px;text-align:center;">总分
80px;text-align:center;"_mce_style="width:80px;text-align:center;">物理80px;text-align:center;"_mce_style="width:80px;text-align:center;">化学80px;text-align:center;"_mce_style="width:80px;text-align:center;">生物80px;text-align:center;"_mce_style="width:80px;text-align:center;">总分
80px;text-align:center;"_mce_style="width:80px;text-align:center;">化学80px;text-align:center;"_mce_style="width:80px;text-align:center;">生物80px;text-align:center;"_mce_style="width:80px;text-align:center;">总分
80px;text-align:center;"_mce_style="width:80px;text-align:center;">生物80px;text-align:center;"_mce_style="width:80px;text-align:center;">总分
80px;text-align:center;"_mce_style="width:80px;text-align:center;">总分
-->
--数据行-->
学生32
班级1
29
25
146
28
79
73
47
8
91
526
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1