`
yuanlijia1
  • 浏览: 115836 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

仿EXCEL标题上下浮动

    博客分类：
  • js
Excel 
阅读更多
<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>
分享到：
| 当前时实时间显示
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    仿Excel自动筛选功能组件

    【标题】"仿Excel自动筛选功能组件"是一个针对软件开发领域的技术实现，旨在为应用程序提供类似于Microsoft Excel的高效数据筛选工具。在Excel中，自动筛选功能允许用户快速地从大量数据中查找和过滤出特定信息，这...

    安卓Recycleview固定行列标题仿Excel

    "安卓Recycleview固定行列标题仿Excel"的主题是利用RecycleView实现类似电子表格的功能，即在滚动时保持顶部行和左侧列标题固定，以提供更好的用户界面体验。这在数据报表、表格类应用中尤为常见。 首先，要理解...

    仿EXCEL界面VB源码

    【标题】"仿EXCEL界面VB源码"指的是使用Visual Basic (VB)编程语言开发的代码，其目的是创建一个用户界面，该界面模仿Microsoft Excel的功能和外观。这通常是为了在不依赖Excel应用程序的情况下，实现类似的数据编辑...

    powerbuilder9(PB)仿excel筛选

    本主题聚焦于PowerBuilder 9.0版本中的一个高级功能——“仿Excel筛选”。这个功能使得用户可以在PB应用中享受到类似Excel的交互体验，提高了数据操作的便捷性和效率。 在PowerBuilder 9.0中实现仿Excel筛选，主要...

    Qt实现高仿excel表格-可执行文件(源码不开放)

    首先，让我们关注标题中的"高仿excel表格-可执行文件(源码不开放)"，这意味着我们讨论的项目是一个已经编译好的应用程序，可能使用了Qt的QTableWidget或QTableView等组件来模拟Excel的功能，但源代码并未公开。...

    仿Excel在线表格设计

    【标题】"仿Excel在线表格设计"所涉及的知识点涵盖了电子表格处理的多个核心功能，旨在为用户提供与Excel类似的在线操作体验。以下是对这些知识点的详细说明： 1. **在线表格设计**：这是一种通过Web浏览器进行电子...

    C#基于DataGridView仿Excel

    在本项目中，“C#基于DataGridView仿Excel”是一个旨在创建类似Excel的功能的用户界面组件。这个组件利用了Windows Forms中的DataGridView控件，以提供数据的显示、编辑和操作能力，同时也引入了Excel的一些特色功能...

    ZCGrid-C#继承DataGridView仿Excel表格，并增强编辑功能

    标题"ZCGrid-C#继承DataGridView仿Excel表格，并增强编辑功能"指向的是一种自定义解决方案，它扩展了标准的DataGridView控件，以提供更接近Excel的用户体验。 首先，我们来深入理解这个自定义控件的核心概念。`...

    powerbuilder9(PB)仿EXCEL筛选第二版

    对第一版做了内容的升级，以及若干BUG修正，powerbuilder9.0环境的仿excel筛选，已封装对象。 仿excel 点击列标题，进行自定义筛选，支持下拉列表、时间快捷选择、模糊筛选输入、排序等。

    仿Excel电子表格

    仿Excel电子表格是一种类似Microsoft Excel的应用程序，旨在提供与Excel相似的功能和用户体验。它通常用于创建、编辑和管理数据，进行计算，制作图表，并进行数据分析。这类应用的主要目标是为那些不希望或不能使用...

    Javascript仿Excel的选择效果 .html

    Javascript仿Excel的选择效果 .html

    WPF+DataGrid仿Excel筛选功能实例

    开发工具：VisualStudio 2022基于.Net6.0+WPF仿Excel功能的筛选具体可参考本人博客【让WPF中的DataGrid像Excel一样可以筛选】

    pb12.5仿excel筛选（源码含demo + pb9）

    pb12.5仿excel筛选（源码含demo + pb9） pb12.5仿excel筛选（源码含demo + pb9） pb12.5仿excel筛选（源码含demo + pb9） pb12.5仿excel筛选（源码含demo + pb9） pb12.5仿excel筛选（源码含demo + pb9） pb12.5仿...

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

    【jQuery仿Excel表格头部固定内容滚动效果代码】是一种在网页中实现类似电子表格的交互体验的技术，它使得用户在浏览长表格时，可以保持表头（即列标题）始终可见，即使当表格内容滚动时也是如此。这个功能在数据量...

    JavaScript仿Excel表格演示

    在JavaScript编程领域，实现仿Excel表格的功能是一项常见的需求，尤其对于网页端的数据处理和展示。JavaScript仿Excel表格演示提供了一种高效且灵活的方法，让用户在浏览器环境中享受到类似于Microsoft Excel的操作...

    NativeExcel3.1仿Excel的Delphi报表控件及实例..rar

    【标题】: "NativeExcel3.1仿Excel的Delphi报表控件及实例" 是一个专为Delphi开发者设计的库，它允许程序员在Delphi应用程序中创建类似于Microsoft Excel的报表。这个控件使得在Delphi环境下开发具有复杂表格功能的...

    jQuery仿Excel表格右侧与头部固定代码

    在IT领域，尤其是在网页开发中，常常需要处理大量的数据，这时仿Excel的表格设计就显得尤为重要。"jQuery仿Excel表格右侧与头部固定代码"是一种实现此类功能的技术，它旨在为用户提供一个类似Excel的工作体验，即使...

    AJAX仿EXCEL表格功能

    一个仿EXCEL表格的AJAX程序.很不错的 注：因编码的问题 在运行时把查看－&gt;编码改成 “简体中文” 不然看到的是乱码

    Android中仿简单的Excel表格

    这个项目"Android中仿简单的Excel表格"旨在实现一种功能，即固定表头行和左侧三列，使得用户在滚动时能保持关键信息可见。下面我们将详细探讨实现这些功能的关键技术和步骤。 首先，我们要用到的主要组件是`...

    Winform DataGridView 自定义实现标题列筛选（仿Excel)

    然而，`DataGridView`默认的功能并不包含Excel那样强大的列标题筛选功能。本教程将深入探讨如何自定义实现一个Winform `DataGridView`的标题列筛选功能，模仿Excel的筛选体验。 首先，我们要理解`DataGridView`的...

Magicbox
Global site tag (gtag.js) - Google Analytics