[原]长表头表格 竖直仅滚动内容区 水平滚动表头和内容区
2007-10-08 22:47
246 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>scroll test</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<center>
<textarea id="scrollbar" style="visibility:hidden; border-width:0;"></textarea>
<table>
<tr>
<td>
<div id="divHead">
<table border="1" id="head">
<tr>
<th>A</th><th>B</th><th>C</th><th>D</th><th>E</th><th>F</th><th>G</th><th>H</th><th>I</th>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td>
<div id="divBody">
<table border="1" id="body">
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
</table>
</div>
</td>
</tr>
<tr>
<td>
<div id="divScroll" onscroll="scroll(this)">
<div id="scroll"></div>
</div>
</td>
</tr>
</table>
</center>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>scroll test</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<center>
<textarea id="scrollbar" style="visibility:hidden; border-width:0;"></textarea>
<table>
<tr>
<td>
<div id="divHead">
<table border="1" id="head">
<tr>
<th>A</th><th>B</th><th>C</th><th>D</th><th>E</th><th>F</th><th>G</th><th>H</th><th>I</th>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td>
<div id="divBody">
<table border="1" id="body">
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td></tr>
</table>
</div>
</td>
</tr>
<tr>
<td>
<div id="divScroll" onscroll="scroll(this)">
<div id="scroll"></div>
</div>
</td>
</tr>
</table>
</center>
</BODY>
</HTML>
相关文章推荐
- bootstrap表格固定表头,表格内容滚动条滚动显示
- 表头固定内容可滚动表格的3种实现方法
- 表头固定,内容可滚动表格的3种实现方法
- div+css实现表头固定内容滚动表格
- 表头固定内容可滚动表格的3种实现方法
- 表头固定内容可滚动表格的3种实现方法
- 表格表头固定,内容多时滚动内容
- jQuery - 综合实例 - 固定表头,滚动表格内容
- 固定表头,单元格td宽度自适应,多内容出现-横向纵向滚动条数据表格的<前世今生>
- CSS实现表格表头(thead)固定,内容(tbody)滚动
- 表格表头固定,内容多时滚动内容(2)[改进版]
- 纯css控制-表格表头固定,内容多时滚动内容
- 表格表头固定,内容多时滚动内容
- 在 ASP.NET 上实现锁定表头、支持滚动的表格的做法
- 表头不动,内容滚动的例子(纯css+html)
- TYPagerController 简单,强大,高度定制,页面控制器,水平滚动内容和标题栏,包含多种barStyle。 TYPagerController v2.0 重构优化代码,分离出TYPager
- 纯css的 表头固定的滚动表格
- ASP.NET中GridView 表头不动内容滚动解决法
- 在 ASP.NET 上实现锁定表头、支持滚动的表格的做法
- 只保留表格表头,其他内容清空