自己琢磨的做的。自己能用了。细节还需要调整。总体是可以用了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#cdt { width:600px; height:100%; background:#0099CC; overflow-x:scroll;}
.tl { font-weight:300; text-align:center; width:700px; border-bottom:none;}
.data { height:100px; overflow-y: scroll; width:717px;}
.data table{ border-top:none; margin-top:-2px;}
</style>
</head>
<body>
<div id="cdt">
<div class="tl">
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>统计日期</td>
<td colspan="2">业务指标1</td>
<td colspan="2">业务指标2</td>
<td colspan="2">业务指标3</td>
</tr>
<tr>
<td> </td>
<td>上月</td>
<td>本月</td>
<td>上月</td>
<td>本月</td>
<td>上月</td>
<td>本月</td>
</tr>
</table>
</div>
<div class="data">
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</div>
</body>
</html>
相关推荐
在网页设计中，有时我们需要展示的数据过多，无法一次性完全显示在屏幕内，这时滚动表格就显得尤为重要。"利用JS+CSS实现滚动表格数据展示"是一个常见的需求，它可以帮助用户逐行浏览大量的信息，而无需手动调整窗口...
在网页设计中，表格是一种常见的数据展示方式，但当表格内容过多时，用户滚动查看所有信息可能会变得不便。为了提供更好的用户体验，可以采用JavaScript（js）来实现表格的无缝滚动效果，让表格像一个无边界的容器...
标题"Android 自定义可上下左右滑动table"指向的就是一个专门为Android平台设计的定制化表格控件，它不仅支持垂直滚动（上下滑动），还支持水平滚动（左右滑动），这在处理大数据量或需要展示宽幅信息时非常有用。...
"表头固定内容上下左右滚动"是一种常见的数据展示技术，它使得用户在浏览长表格时能够始终保持表头可见，便于理解数据列对应的内容。这个主题是针对jQuery库的一个实现，jQuery是一个广泛使用的JavaScript库，简化了...
通过以上步骤，你可以创建一个具有固定头部和可滚动数据的表格。这不仅提供了一种整洁的方式来展示大量信息，还允许用户轻松地浏览和查找所需的数据。在实际应用中，可以根据项目需求进行调整和定制，例如添加分页、...
这个问题在标题和描述中提到的“如何固定表格四周实现表格上下左右滚动”就是一个典型的场景。这个需求通常出现在数据分析或者项目统计的页面中，以确保用户在查看大量数据时，关键信息始终可见。 传统的...
在网页设计中，HTML表格（Table）是一种常用的数据展示方式，有时我们需要实现表格内容的上下移动功能，以满足用户交互需求或数据操作便利性。本篇文章将详细讲解三种实现HTML表格内容上下移动的方法。 方法一：...
在Android开发中，ListView是一种常用的组件，用于展示可滚动的列表数据。在处理"listview显示表格左右上下滑动"的需求时，我们通常会遇到如何实现一个类似Excel表格的效果，即顶部标题和最左边一列固定，而其他部分...
而滚动条则是控件中用于浏览超出视口范围内容的工具，分为水平滚动条（用于左右移动）和垂直滚动条（用于上下移动）。 要实现隐藏滚动条，我们需要涉及到几个关键的API函数，这些函数在Windows API中被广泛使用。在...
上下滚动则涉及到对表头的特殊处理，可能通过监听滚动事件并在事件回调中调整表头的可见性。 文件名称列表中的"Android¿╥ñl╖╜_ñΣ½∙__╖╡_¬║_¬φ_¬φ«µ"可能是源代码文件，但由于编码问题，显示为...
本插件就是专门为此目的设计的，其标题为“表格头部固定不动，数据滚动插件”，描述中提到它提供了详细的使用方法和内容，可从下载包中获取。 这个插件的核心功能是锁定表格的表头部分，使其在用户滚动表格数据时...
在网页设计中，当表格数据过多时，为了保持良好的用户体验，常常需要实现表头固定而内容可滚动的效果。`jQuery`作为一个广泛使用的JavaScript库，提供了丰富的功能和便利的方法来实现这种效果。本教程将深入探讨如何...
在网页设计中，有时我们需要实现一个功能：当用户滚动表格内容时，表头始终固定显示在顶部，以便于用户查看列名，提高数据阅读效率。本篇文章将围绕这一需求展开讨论，并提供一种基于CSS和HTML的解决方案。 #### 一...
"superTable"项目就是为了解决这个问题，它提供了轻量级的解决方案，允许表头在上下左右滑动时保持固定，从而增强用户体验。 "superTable"的核心技术包括HTML、CSS和JavaScript，这三者是构建网页动态交互的基础。...
css动画的一个应用，与此前的css走马灯同样的内容。只是一次不同的应用，具体实现如下 序号 姓名 年龄 性别 专业 </ul>
标题“上下左右滑动表合格”暗示我们正在讨论一种具有高度交互性和动态性的表格视图，它支持用户通过上滑、下滑、左滑和右滑的动作来浏览和操作数据。这种设计常见于移动设备应用中，尤其是那些需要展示大量信息但...
标题提到的“listview上下左右滑动效果，类似一个excel表格”实际上是在描述一个扩展了ListView功能的高级组件，使得用户不仅可以垂直滚动浏览数据，还能实现水平滑动查看更宽广的信息。这通常涉及到对ListView的...
Bootstrap表格在设计网页时是一种非常常用的组件，尤其在处理大量数据时，为了提供更好的用户体验，我们经常需要在tbody部分添加竖向滚动条，同时保持表头固定不动。这样，当用户滚动内容时，表头始终保持可见，便于...
动态加载数据，也称为“无限滚动”或“分页”，是一种优化策略，它只在用户滚动到表格底部时才加载更多的数据行。这种方式避免了初始加载时加载所有数据的压力，从而显著提高了页面的加载速度。在前端表格中，这种...
在网页设计中，"table表头滚定左右上下可拉动"是一种常见的功能需求，尤其是在处理大量数据时。这种功能使得用户在滚动表格内容时，表头始终保持可见，方便用户跟踪列对应的数据，提供了更好的用户体验。以下将详细...