类拟EXCEL表格锁定的功能的实现!

最新推荐文章于 2025-07-23 17:00:00 发布
转载 最新推荐文章于 2025-07-23 17:00:00 发布 · 86 阅读 · 0

本文介绍了一种使用HTML和JavaScript实现的表格滚动同步效果。当用户滚动主要内容区域时，标题栏也会随之滚动，确保数据与标题始终对齐。通过设置列宽和使用简单的脚本实现了这一效果。


df1.gif
上面为效果图,左右滚动时,标题栏也滚动!
None.gif<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
None.gif<HTML><HEAD><TITLE></TITLE>
None.gif<META http-equiv=Content-Type content="text/html; charset=gb2312">
None.gif<META content="MSHTML 6.00.3790.2577" name=GENERATOR>
None.gif<META content=http://schemas.microsoft.com/intellisense/ie5 
None.gifname=vs_targetSchema></HEAD>
None.gif<BODY><FONT face=宋体></FONT>
ExpandedBlockStart.gifContractedBlock.gif<SCRIPT>dot.gif
InBlock.gif        function doscrollv(obj1)
ExpandedSubBlockStart.gifContractedSubBlock.gif        dot.gif{
InBlock.gif            setTimeout("Div2.scrollLeft="+obj1.scrollLeft.toString(),1);
InBlock.gif            setTimeout("Div1.scrollTop="+obj1.scrollTop.toString(),1);
InBlock.gif            return false;
ExpandedSubBlockEnd.gif        }
ExpandedBlockEnd.gif        </SCRIPT>
None.gif
None.gif<TABLE cellSpacing=0 cellPadding=0 width=350 border=0>
None.gif  <TBODY>
None.gif  <TR>
None.gif    <TD width=100 height=30></TD>
None.gif    <TD>
None.gif      <DIV id=Div2 style="OVERFLOW: hidden; WIDTH: 300px; HEIGHT: 30px">
None.gif      <TABLE id=table2 height=30 cellSpacing=1 cellPadding=1 width=720 
None.gif        border=0><TBODY>
None.gif        <TR>
None.gif          <TD noWrap width=100 bgColor=#999999><FONT 
None.gif            color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD noWrap width=100 bgColor=#999999><FONT 
None.gif            color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD noWrap width=100 bgColor=#999999><FONT 
None.gif            color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD noWrap width=100 bgColor=#999999><FONT 
None.gif            color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD noWrap width=100 bgColor=#999999><FONT 
None.gif            color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD noWrap width=100 bgColor=#999999><FONT 
None.gif            color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD noWrap width=120 bgColor=#999999><FONT 
None.gif            color=#ffffff><B>asdf</B></FONT></TD></TR></TBODY></TABLE></DIV></TD></TR>
None.gif  <TR>
None.gif    <TD width=100>
None.gif      <DIV id=Div1 style="OVERFLOW: hidden; WIDTH: 100px; HEIGHT: 200px">
None.gif      <TABLE id=Table1 cellSpacing=1 cellPadding=1 border=0>
None.gif        <TBODY>
None.gif        <TR>
None.gif          <TD width=100 bgColor=#999999><FONT 
None.gif        color=#ffffff><B>a</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>a</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>a</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>a</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>a</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>a</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>a</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>a</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>a</B></FONT></TD></TR>
None.gif        <TR vAlign=top bgColor=#999999 height=100>
None.gif          <TD><FONT color=#ffffff><B>d</B></FONT></TD></TR></TBODY></TABLE></DIV></TD>
None.gif    <TD vAlign=top>
None.gif      <DIV id=scroll1 style="OVERFLOW: auto; WIDTH: 300px; HEIGHT: 200px" 
None.gif      onscroll=doscrollv(this);>
None.gif      <TABLE id=table3 cellSpacing=1 cellPadding=1 border=0>
None.gif        <TBODY>
None.gif        <TR>
None.gif          <TD noWrap width=100 bgColor=#999999><FONT 
None.gif            color=#ffffff><B>1asdf</B></FONT></TD>
None.gif          <TD noWrap width=100 bgColor=#999999><FONT 
None.gif            color=#ffffff><B>2asdf</B></FONT></TD>
None.gif          <TD noWrap width=100 bgColor=#999999><FONT 
None.gif            color=#ffffff><B>3asdf</B></FONT></TD>
None.gif          <TD noWrap width=100 bgColor=#999999><FONT 
None.gif            color=#ffffff><B>4asdf</B></FONT></TD>
None.gif          <TD noWrap width=100 bgColor=#999999><FONT 
None.gif            color=#ffffff><B>5asdf</B></FONT></TD>
None.gif          <TD noWrap width=100 bgColor=#999999><FONT 
None.gif            color=#ffffff><B>6asdf</B></FONT></TD>
None.gif          <TD noWrap width=100 bgColor=#999999><FONT 
None.gif            color=#ffffff><B>7asdf</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>asdf</B></FONT></TD></TR>
None.gif        <TR>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>111111</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>111111</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>111111</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>111111</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>111111</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT color=#ffffff><B>111111</B></FONT></TD>
None.gif          <TD bgColor=#999999><FONT 
None.gif        color=#ffffff><B>111111</B></FONT></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></BODY></HTML>
None.gif

注意：需要设置列的宽度！
java导出excel锁定列_使用POI设置导出的EXCEL锁定指定的单元格
weixin_28678517的博客
02-16 2404
public static void WriteExcelByPoi(String fileData) throwsIOException,InvalidFormatException {try{InputStream in= newFileInputStream(fileData);Workbook workbook= newXSSFWorkbook(in);org.apache.poi.ss....
excel锁定计算机,excel表格根据时间锁定如何操作
weixin_39621495的博客
06-23 1495
excel鲜为人知的35招秘技一、建立分类下拉列表填充项们常常要将企业的名称输入到表格中，为了保持名称的一致性，利用“数据有效性”功能建了一个分类下拉列表填充项。1.在sheet2中，将企业名称按类别(如“工业企业”、“商业企业”、“个体企业”等)分别输入不同列中，建立一个企业名称数据库。2.选中a列(“工业企业”名称所在列)，在“名称”栏内，输入“工业企业”字符后，按“回车”键进行确认。仿照上面...
JAVA WEB类似Excel的表格锁定效果的实现
12-30
通过创建3个div来进行遮罩的原理实现了表格锁定，在页面上调用的时候只需指定div，table的id和要锁定的行数，列数即可
发布一个锁定行列的一种方法。（实现Excel里的冻结窗格的功能）
jyk 金色海洋工作室 ASP.NET经验总结
01-27 3645
功能介绍：    可以实现锁定表格的行和列的功能，效果和Excel里的冻结窗格类似，当然没有Excel那么强大了，只是类似。    问题：    当一个table太大而导致在屏幕里显示不下的时候，IE会出现滚动条，但是这时候就不好看了，对用户的操作也不是很方便。于是我们就想给他加一个限制，在制定的范围内滚动。如何实现呢？网上也有不少实现方法了，效果如何就不
Java Web实现类似Excel表格锁定功能实战
weixin_36173034的博客
04-25 1016
锁定功能在Excel中允许用户固定列或行，以便在滚动浏览大量数据时，依然可以看到关键数据点。在Web应用中，这可以被理解为一种固定表头或侧边栏的需求，确保重要信息始终可见。
html过滤检索类似excel,利用jQuery实现仿Excel表格排序筛选代码
weixin_31000273的博客
06-09 889
特效描述：利用jQuery实现 仿Excel表格 排序筛选代码，利用jQuery实现仿Excel表格排序筛选代码代码结构1. 引入CSS2. 引入JS3. HTML代码Table 1AnimalClassCollective NounA NumberBearMammalSleuth1AntInsectArmy2SalamanderAmphibianCongress3OwlBirdParliamen...
利用JExcelAPI实现数据导出到Excel表格
weixin_36311421的博客
05-09 1028
JExcelAPI是一个纯Java库，用于读写Microsoft Excel文件格式（.xls）。它提供了一种简单易用的方式来创建、修改和显示Excel文件。自2001年发布以来，JExcelAPI一直被广泛应用于各种需要处理Excel文件的Java应用程序中。JExcelAPI的特点包括：简洁的API：提供了直观的对象模型来处理Excel文件，易于理解和使用。无需外部依赖：不需要安装Microsoft Excel或其它第三方库，只需JExcelAPI包本身。小而高效。
excel表格锁定怎么解锁_让用户锁定或解锁Excel工作簿
culiao2169的博客
08-16 1961
excel表格锁定怎么解锁 让用户锁定或解锁Excel工作簿 (Let Users Lock or Unlock an Excel Workbook)Some people like an Excel workbook that's locked down, so they can't accidentally mess anything up. They just want to go to t...
如何在Excel表格中锁定单元格或行列模板.doc
04-19
在Excel表格中锁定单元格或行列的操作技巧对于保证重要数据的安全性具有重要的意义。在进行大量数据处理时，常常会不小心误操作导致关键数据的丢失。为了避免这种情况，可以通过锁定单元格来保护关键数据。锁定...
类似excel表头锁定效果的tabe表格
11-15
类似excel表头锁定效果的tabe表格 ，可以固定行、列。
Excel没有水印功能？其实可以这样轻松搞定！
passneo的博客
07-23 714
保护Excel内容的小技巧：插入水印实操指南
实现Excel式动态调整表格列宽的jQuery插件
weixin_33812391的博客
11-06 1063
本文还有配套的精品资源，点击获取 简介：文章介绍了一个名为jquery-resizable-columns的jQuery插件，该插件允许用户通过鼠标拖动来调整网页表格的列宽，以模拟Excel中的表格操作。此插件通过监听用户的鼠标操作来动态更新列宽，适用于多种现代浏览器，并提供了一个响应式的用户体验。介绍了如何通过简单的步骤和示例代码将该插件集成到项目中，并且说明了可以通过自...
js锁定表头和列，实现类似execl锁定效果
凌云客
03-03 1286
js锁定表头和列，实现类似execl锁定效果，项目实现后效果如下： 1：js代码 2：html代码
实现类似Excel表格锁定效果的Java Web技术
在探讨“JAVA WEB类似Excel的表格锁定效果的实现”这一主题时，我们首先需要了解该技术的应用场景和核心实现原理。在Web应用中，实现类似Excel的表格锁定效果通常是为了在页面上提供良好的用户体验，尤其是在数据...
实现Excel式表格列锁定功能的JavaScript技术
下面将详细解读如何使用JavaScript实现类似Excel的列锁定功能。 **知识点一：表格（table）基础知识** HTML中的`<table>`元素是用于创建表格的标准标签。一个表格由行(`<tr>`)、列(`<td>`)和表头(`<th>`)组成。...
山东大学网络空间安全学院竞学实训课程报告.zip
09-08
山东大学网络空间安全学院竞学实训课程报告.zip
zhaorenjie110_SymmetricEncryptionAndDecryption_39740_1757320627449.zip
最新发布
09-08
zhaorenjie110_SymmetricEncryptionAndDecryption_39740_1757320627449.zip
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值