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

仿EXCEL标题上下浮动

    博客分类:
  • js
阅读更多
<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应用程序的情况下,实现类似的数据编辑...

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

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

    powerbuilder9(PB)仿excel筛选

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

Global site tag (gtag.js) - Google Analytics