仿EXCEL标题上下浮动

最新推荐文章于 2023-07-09 12:09:52 发布
最新推荐文章于 2023-07-09 12:09:52 发布
阅读量82 收藏
点赞数
分类专栏： js 文章标签： Excel
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sphinxylj/article/details/83811289
版权
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
<!--
/*重点：固定行头样式*/
.scrollRowThead
{
position: relative;
left: expression(this.parentElement.parentElement.parentElement.parentElement.scrollLeft);
z-index:0;
}
.scrollRowTbody
{
position: relative;
left: expression(this.parentElement.parentElement.parentElement.parentElement.scrollLeft);
z-index:0;
}

/*重点：固定表头样式*/
.scrollColThead {
position: relative;
top: expression(this.parentElement.parentElement.parentElement.scrollTop);
z-index:2;
}
.scrollColTbody {
position: relative;
top: expression(this.parentElement.parentElement.parentElement.scrollTop);
z-index:2;
}


/*行列交叉的地方*/
.scrollCR {
z-index:3;
}

/*div外框*/
.scrollDiv {
height : 0px;
clear: both;
border: 1px solid #EEEEEE;
OVERFLOW: scroll;
width: 100%;
}

/*行头居中*/
.scrollColThead td,.scrollColThead th
{
text-align: center ;
}

/*行头列头背景*/
.scrollRowThead,.scrollColThead td,.scrollColThead th
{
font-size:12px;
font-weight:bold;
text-align:center;
}

/*表体固定*/
.scrollRowTbody,.scrollColTbody td,.scrollColTbody th
{
font-size:12px;
text-align:center;
}
-->
</style>
<STYLE type=text/css>
#s {
font-size: 9pt;
width:200px;
background-color:FFFFFF;
height:200px;
position:absolute;
display:none;
overflow-y:scroll;
scrollbar-base-color: Blue;
scrollbar-face-color: CornflowerBlue;
scrollbar-track-color: AliceBlue;
scrollbar-arrow-color: AliceBlue;
scrollbar-3dlight-color: Azure;
scrollbar-darkshadow-color: AntiqueWhite;
scrollbar-highlight-color: Beige;
scrollbar-shadow-color: Cornsilk;
background:#cce6ff;
padding: 5px;
overflow: auto;
text-align: left;

font-family:Tahoma, Verdana, SansSerif;
font-size:11PX;

}
</STYLE>
</HEAD>

<BODY topmargin="0" leftmargin="0">
<table width="600" height="800" border="0" align="center" cellPadding="0" cellspacing="1" bgcolor="">

<tr class="scrollColThead scrollCRs">
<td height="25" colspan="20" align="center" class="biaoti2" bgcolor="lightblue" style="border:1px solid gray;"><b>AAAAAAAAA</b>
</td>
</tr>
<tr height="25" class="scrollColThead scrollCRs">
<!--
<td height="25" rowspan="" width="120" bgcolor="lightblue" class="scrollRowThead scrollCR scrollColThead" style="border:1px solid gray;">使用部门</td>
-->
<td align="center" bgcolor="lightblue" class="scrollRowThead scrollCR scrollColThead" style="border:1px solid gray;">标题</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题2</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题3</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题4</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题5</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题6</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题7</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题8</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题9</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题10</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题1</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题2</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题3</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题4</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题5</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题6</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题7</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题8</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题9</td>
<td align="center" bgcolor="lightblue" class="biaoti2" style="border:1px solid gray;">标题10</td>
</tr>

<tr id="tr1">
<!--
<td height="25" align="center" width="120" bgcolor="lightblue" class="scrollRowThead scrollCR" style="border:1px solid gray;">adf<font color="#ffffff;"></font></td>
-->
<td align="center" height="25" bgcolor="lightblue" class="scrollRowThead " style="border:1px solid gray;"><b>sdfdf</b></td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfsdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfsdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfsdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfsdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfsdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfsdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfsdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfsdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfsdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfsdf</td>
<td align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">sdfsdf</td>
</tr>

<tr>
<td align="center" bgcolor="lightblue" class="scrollRowThead" style="border:1px solid gray;"><b> 123</b></td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
</tr>

<tr>
<td height="25" align="center" bgcolor="lightblue" class="scrollRowThead" style="border:1px solid gray;"><b> vasdasd</b></td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
</tr>

<tr>
<td height="25" align="center" bgcolor="lightblue" class="scrollRowThead" style="border:1px solid gray;"><b> qwqw</b></td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">123</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
<td height="25" align="center" bgcolor="" class="biaoti2" style="border:1px solid gray;">333</td>
</tr>


<tr></tr>

</table>
</BODY>
</HTML>
愿爱有来生
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安卓Recycleview固定行列标题仿Excel
11-29
"安卓Recycleview固定行列标题仿Excel"的主题是利用RecycleView实现类似电子表格的功能，即在滚动时保持顶部行和左侧列标题固定，以提供更好的用户界面体验。这在数据报表、表格类应用中尤为常见。 首先，要理解...
Android中仿简单的Excel表格
08-07
这个项目"Android中仿简单的Excel表格"旨在实现一种功能，即固定表头行和左侧三列，使得用户在滚动时能保持关键信息可见。下面我们将详细探讨实现这些功能的关键技术和步骤。 首先，我们要用到的主要组件是`...
excel标题行列浮动显示/冻结窗口
keep forward, go, go, go
04-09 3305
在excel的操作中，有时候需要把第一行或者第一列固定显示，拖动滚动条的时候，也可以继续显示标题。需要的操作在视图中的冻结窗口选项。1、冻结前两行，那么选中第三行，然后点击“冻结拆分窗口”2、冻结前两列，那么选中第三列，然后点击“冻结拆分窗口”3、但前两个只能二选一，如果需要同时冻结前两行和前两列，则需要选中后第三行和第三列相交的单元格，然后点击“冻结拆分窗口”图文解释，可以参见百度经验https...
Flutter项目开发之仿微信的Excel报表
qq_39694327的博客
01-28 4181
Flutter 项目开发之报表 前言 在项目开发中，报表是一个很常见的功能，有利于使用者一眼能看出数据的趋势与规律，非常适合数量大，且种类繁多的数据查看与对比。虽然Flutter提供了 Table，DataTable等相关的组件，但是在实际项目开发中，功能、扩展性、实用性、灵活性等十分有限，可以说几乎不可能不经调整修改能直接用于生产项目，笔者这次将详细讲解如何运用Flutter技术开发报表。 效果预览 需求实现 实现需求 是否实现 Android、iOS跨平台 ✅ 首列固定 ✅ 标题
Word、Excel操作技巧大全
Microsry的博客
07-27 7595
一、Word中的“选中”方法知多少？ 1.常见的“选中”方法： ◆ 全选（快捷键Ctrl+A）：就是全部选中文档内的所有内容。这所有内容包括：文字、表格、图形、图像等可见的和不可见的标记。 ◆ 按住Shift＋Page Down从光标处向下选中一屏，Shift＋Page Up从光标处向上选中一屏。 ◆ 按住Shift+左选中光标左边第一个字符，Shift+右选中光标右边第一个字符，Sh
Banner——第四阶段考核——仿海尔商城网页
脑袋装水的博客
03-08 479
HTML部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>伪海尔商城</title> <link rel="stylesheet" type="text/css" href="css/default.css" /> <link rel="stylesheet" href="./css/reset.css"&g
Qt/C++原创项目作品精选（祖传原创/性能凶残/界面精美）
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
07-09 1万+
从事Qt开发十年有余，一开始是做C#.NET开发的，因为项目需要，转行做嵌入式linux开发，在嵌入式linux上做可视化界面开发一般首选Qt，当然现在可选的方案很多比如安卓，但是十多年前那时候板子性能低，安卓在这个上面跑的话卡成屎，当时的内存大概是128MB左右，Qt也是主要用QWidget，刚出来的qml在这个上面跑个最简单的示例也是卡成屎，这也造成了本人一直对qml的印象不大好，非常依赖GPU硬件。
android安卓源码海量项目合集打包-1
热门推荐
chenhao0568的专栏
06-11 13万+
下载地址 最后更新共计113个分类5177套源码29.2 GB。 卷 新加卷 的文件夹 PATH 列表 卷序列号为 00000200 5E7A:7F30 F:. ├─前台界面 │ ├─3D标签云卡片热门 │ │ Android TagCloudView云标签的灵活运用.rar │ │ Android 实现 标签 拖动 改变位置.rar │ │ android 流式布局和热门标签.zip │ │ ...
Android实战开发通用流行框架大全
门心叼龙的专栏
01-22 7466
GitHub上受欢迎的Android UI Library https://mvnrepository.com/ https://jar-download.com/ https://docs.oracle.com/javase/7/docs/api/ http://hg.openjdk.java.net/jdk8/jdk8/jdk/file/tip/src/share/classes/ja...
android安卓源码海量项目合集大全打包6000套-2续
chenhao0568的专栏
06-13 1万+
文章太长，接上一篇。 │ Android应用源码之HTMLViewer.zip │ Android应用源码之http 演示Demo.zip │ Android应用源码之http.zip │ Android应用源码之http1.zip │ Android应用源码之IA...
GitHub 上受欢迎的 Android UI Library 整理一
lizhong
12-06 3284
抽屉菜单 https://github.com/mikepenz/MaterialDrawer ★7337 - 安卓抽屉效果实现方案 https://github.com/Yalantis/Side-Menu.Android ★3865 - 创意边侧菜单 https://github.com/mxn21/FlowingDrawer ★1744 - 向右滑动流动抽屉效果 https://gi...
仿Excel在线表格设计
01-03
【标题】"仿Excel在线表格设计"所涉及的知识点涵盖了电子表格处理的多个核心功能，旨在为用户提供与Excel类似的在线操作体验。以下是对这些知识点的详细说明： 1. **在线表格设计**：这是一种通过Web浏览器进行电子...
AJAX 仿EXCEL表格功能
09-06
在本例中，"AJAX 仿EXCEL表格功能"是指使用 AJAX 技术来模仿 Microsoft Excel 的某些核心功能，如单元格编辑、填充、公式计算等，使用户可以在网页上进行类似 Excel 的操作。这通常涉及到以下几个关键知识点： 1. *...
powerbuilder9(PB)仿EXCEL筛选第二版
10-20
对第一版做了内容的升级，以及若干BUG修正，powerbuilder9.0环境的仿excel筛选，已封装对象。 仿excel 点击列标题，进行自定义筛选，支持下拉列表、时间快捷选择、模糊筛选输入、排序等。
这是一个火车售票管理系统_train-tickets.zip
08-25
这是一个火车售票管理系统_train-tickets
Run_self-driving_car_agents_in_GTAV_
最新发布
08-25
Run_self-driving_car_agents_in_GTAV_Universe_deepdrive-universe
基于Springboot和vue的 在线小说阅读平台源码 （优秀毕业设计源码）
08-25
1. 在线小说阅读平台代码说明：经导师指导并认可通过的98分毕设项目代码。 2.适用对象：本代码学习资料适用于计算机、电子信息工程、数学等专业正在做毕设的学生，需要项目实战练习的学习者，也适用于课程设计、期末大作业。 3.技术栈：前端是vue，后端是Springboot，项目代码都经过严格调试，代码没有任何bug！ 4. 作者介绍：大厂码农，java领域创作者，阿里云开发社区乘风者计划专家博主，专注于大学生项目实战开发，文章底部有博主联系方式，更多优质系统、项目定制请私信。 5. 最新计算机软件毕业设计选题大全: https://blog.csdn.net/weixin_45630258/article/details/135901374
基于java考研互助交流平台源码 考研互助交流平台代码（高分毕设项目源码）
08-25
1. 考研互助交流平台代码说明：经导师指导并认可通过的98分毕设项目代码。 2.适用对象：本代码学习资料适用于计算机、电子信息工程、数学等专业正在做毕设的学生，需要项目实战练习的学习者，也适用于课程设计、期末大作业。 3.技术栈：java，项目代码都经过严格调试，代码没有任何bug！ 4. 作者介绍：大厂码农，java领域创作者，阿里云开发社区乘风者计划专家博主，专注于大学生项目实战开发，文章底部有博主联系方式，更多优质系统、项目定制请私信。 5. 最新计算机软件毕业设计选题大全: https://blog.csdn.net/weixin_45630258/article/details/135901374
vsto excel增加自定义浮动窗体
10-05
在VSTO中，可以使用Windows Forms来实现Excel的自定义浮动窗体。 首先，需要添加一个Windows Form窗体，可以在Visual Studio的解决方案资源管理器中右键点击项目，选择添加->新建项->Windows窗体。自定义一个浮动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值