这是一种在IE下适用的固定行列的方法.其具体代码如下:
复制代码 代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<style>
.FixedTitleRow
{
position: relative;
top: expression(this.offsetParent.scrollTop);
z-index: 10;
width: 80px;
background-color: #FFCC00;
}
.FixedDataColumn
{ position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);
background-color: #E6ECF0;
}
.FixedColumnAndRows{
position: relative;
top: expression(this.offsetParent.scrollTop);
left: expression(this.offsetParent.scrollLeft);
z-index: 20;
width: 80px;
background-color: #FFCC00;
}
td{word-break : keep-all;}
</style>
</head>
<body>
<div id="scrollDiv" style="width:500; height:150; overflow: auto; cursor: default; display: inline; position: absolute;">
<table width="100%" cellpadding='0' cellspacing='0' bordercolor='lightgrey' border="1" style="table-layout:fixed">
<tr bgcolor="#FFCC00" style="font-size:12px; text-align:center; font-weight:bold;height:25px;">
<td class="FixedColumnAndRows">header</td>
<td class="FixedColumnAndRows">header</td>
<td class="FixedColumnAndRows">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
</tr>
<tr style="font-size:12px; text-align:center;height:20px;">
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
</tr>
<tr style="font-size:12px; text-align:center;height:20px;">
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
</tr>
<tr style="font-size:12px; text-align:center;height:20px;">
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
</tr>
<tr style="font-size:12px; text-align:center;height:20px;">
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
</tr>
<tr style="font-size:12px; text-align:center;height:20px;">
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
</tr>
<tr style="font-size:12px; text-align:center;height:20px;">
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
</tr>
<tr style="font-size:12px; text-align:center;height:20px;">
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
</tr>
</table>
</body>
</html>
/* 这种固定行列的方式只适用于IE,并且只适用于数据量较少的情况.数据量很多时是非常耗资源的!*/
相关推荐：
用AI写文章：效率与创意的完美结合
SEO基础知识解析：如何提升网站排名，助力企业成长,毕节企业建设网站
什么是seo反连接，网站反链多好还是少好 ,网易ai产品
SEO优化的话题：助力企业成功的关键,夏杰ai智能管家
优化高效率：提升个人与企业竞争力的关键,安康网站推广咨询
SEO自己：打造属于你的数字营销利器,微信裂变营销推广软件
AI智能时代的到来：如何利用人工智能推动生活与商业创新,ai相册下载
什么是seo如何进行seo，何谓seo ,红米的AI摄影什么意思
交友群都有哪些，交友群是干什么的 ,ai猫csgo
从“官网扒下来”看企业数字化转型的未来,摄影营销策略推广文案
seo要学什么技术，seo要学什么技术好 ,ai.fale
AI写作的崛起-“只能AI写作”背后的巨大潜力,舞狮摄影ai
SEO查看-如何通过精确分析提升网站流量与排名,东丽网站建设价格
seo管理系统是什么，seo网站管理 ,过度圆ai
SEO爱站：提升网站排名，赢得流量的秘密武器,优化网站设计价格多少
什么是seo优化营销，seo主要优化什么 ,ai绘画国风古韵
ChatGPT美区要梯子吗？轻松畅享全球智能聊天体验,ai音位
AI自动帮写，轻松应对内容创作挑战，赋能写作新未来,嘿科技ai
SEO优化如何提升网站排名，驾驭搜索引擎流量,三亚网站推广方法
ChatGPT画布打不开？如何解决这一常见问题？,Ai怎么储存为Ai格式在桌面
ChatGPT-深度学习与自然语言处理的革命性突破,金华ai视觉锁螺丝机
SEO好吗？助力网站成功的关键之道,网站优化方案范文怎么写
SEO排位：如何通过精准策略提升网站排名，获得流量与转化,林海网络推广营销
为什么行业都要做seo，为什么要做seo ,ai明信片
ChatGPT页面不自动显示最新消息：如何解决这一困扰，提升使用体验？,斑马ai幼儿百度云网盘
seo网站自学看什么书，seo技术适合自学吗 ,斑马ai阅读
SEO通过-如何通过SEO优化让你的业务在搜索引擎中脱颖而出,保定网站建设推广专家
SEO桔子：提升网站排名的必备法宝,seo外包销售
ChatGPT不能用了？了解这一背后的真相及解决方法,ai恐怖头像
seo计算了什么，seo的常用术语 ,ai智能有意思的口令
SEO实现：如何通过SEO优化提升网站流量与排名,南京市公司网站推广
AI批量文章工具，让写作变得高效与轻松,cs机器人ai
SEO指：如何通过精准优化提高网站流量和转化率,无锡论坛营销推广要多久
seo用到什么软件，做seo需要用到什么软件 ,皮皮ai
pbootcms自动翻译插件，让你的网站轻松实现多语言覆盖,ai 镀金
SEO运维：提升网站排名的核心战略,邢台网站建设优化建站
ChatGPT显示503：如何应对AI服务不可用的困境？,ai宝贝宝贝
用AI写一篇文章，如何提升你的写作效率与创意
SEO希望：如何通过SEO优化实现网站突破，迈向成功之路,品牌网站推广软件
SEO获客的秘诀：如何通过搜索引擎优化提升客户获取能力,厦门seo搜索优化排名
ChatGPT手机下载后打不开？可能是这些问题导致的，解决方法在这里！,孤城ai动画
ChatGPT无法完全显示？你可能忽略了这些令人惊讶的细节！,朵朵ai绘画
SEO优化的利器：提升网站排名的秘密武器,联想ai7g-3笔记本
SEO全站优化：打造强大网站排名的必备利器,AI论文写作的优点
SEO每日：提高网站流量的秘密武器，助你脱颖而出,seo优化和排名技巧
SEO站内优化：提升网站排名的核心策略,厦门市网站优化企业
SEO利用：让你的网站快速登顶，获取更多流量与客户！,延边小程序推广平台网站
优排软件：高效管理新天地，轻松提升工作效率,长葛外贸网站建设
WPJam：打破网站管理的壁垒，打造极致用户体验,广东谷歌seo工具
线上AI写作免费一键生成，轻松提升写作效率，解放创作思维
新闻资讯
常见问题