table 锁定表头

为什么80%的码农都做不了架构师？>>>

<!doctype html>
<html>
<head><meta charset="utf-8"><title>Table</title><style type="text/css">.table{width: 100%;border-collapse:collapse; border-spacing:0; }.fixedThead{display: block;width: 100%;}.scrollTbody{display: block;height: 262px;overflow: auto;width: 100%;}.table td,.table th {width: 200px;border-bottom: none;border-left: none;border-right: 1px solid #CCC;border-top: 1px solid #DDD;padding: 2px 3px 3px 4px}.table tr{border-left: 1px solid #EB8;border-bottom: 1px solid #B74;}thead.fixedThead tr th:last-child {color:#FF0000;width: 218px;}</style>
</head>
<body ><table class="table"><thead class="fixedThead"><tr><th>header</th><th>header two</th></tr></thead><tbody class="scrollTbody"><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr><tr><td>fuck 1</td><td>fuck 2</td></tr></tbody></table>
</body>
</html>

其他方式：http://www.cnblogs.com/yetbobo/p/5046106.html

点击标题排序：用Javascript进行简单的Table点击排序. http://www.cnblogs.com/robot/archive/2008/04/20/1161801.html

转载于:https://my.oschina.net/cccyb/blog/1535695

table 锁定表头相关推荐

HTML table表头在左侧,HTML Table锁定表头（CSS实现）
css+html实现固定表头 #scrollTable { width:701px; border: 1px solid #EB8;/*table没有外围的border,只有内部的td或th有bord ...
锁定表头和固定列(Fixed table head and columns)
前段时间需要这个功能,但是找了很多都不能完美的实现,不是只能锁定表头,就是浏览器兼容问题什么的,在此就自己做了一个锁定表头和列的js方法,依赖于JQuery. 因为方法很简单,就未封装成插件的形式,仅 ...
锁定表头和固定列(Fixed table head and columns)(转载)
前段时间需要这个功能,但是找了很多都不能完美的实现,不是只能锁定表头,就是浏览器兼容问题什么的,在此就自己做了一个锁定表头和列的js方法,依赖于JQuery. 因为方法很简单,就未封装成插件的形式,仅 ...
一个实用的表格（锁定表头，可调整单元格大小，可排序）
昨天在网上找到一个不错的表格显示,该表格可以锁定表头,可调整单元格的大小,同时还可以对数据进行排序,显示效果如下: 原代码: <!DOCTYPE HTML PUBLIC "-//W3C ...
js锁定表头和列，实现类似execl锁定效果
js锁定表头和列,实现类似execl锁定效果,项目实现后效果如下: js代码 <script type="text/javascript"> function FixT ...
element table固定表头，表的高度自适应解决方法
element table固定表头,表的高度自适应解决方法参考文章: (1)element table固定表头,表的高度自适应解决方法 (2)https://www.cnblogs.com/muou ...
在 ASP.NET 上实现锁定表头、支持滚动的表格的做法
首先看看 CodeProject 上的两个东西 1.The Freeze Pane DataGrid (http://www.codeproject.com/aspnet/FreezePaneData ...
table固定表头滚动
一.table固定表头滚动(不兼容IE) 使用scrollTop监听滚动如下例 1.html <div class="tabflow" id="flowta ...
发布锁定表头的一个思路
发布锁定表头的一个思路发布锁定表头的一个思路.垂直滚动时表头不动,水平滚动时表头可以同步滚动.在这里呢我只介绍我的思路,因为我觉得思路要比代码重要得多.当然我的想法已经实现了. 网页两个:一个是放置 ...

table 锁定表头

table 锁定表头相关推荐

最新文章

热门文章