看效果:
实现这样的效果用到了一个jQuery插件:table-fixed-header。这里介绍一下这个小插件的用法。首先先去github里把代码下载下来,地址:
https://github.com/markmalek/Fixed-Header-Table。解压如图:
可以参考demo里的用法,然后将代码移植到自己的项目中。
注意table的格式为:
<table class="table-fixed-header"> | |
<thead class='header'> | |
<tr> | |
<th>xxx</th> | |
</tr> | |
</thead> | |
<tbody> | |
<tr> | |
<td>xxxxx</td> | |
</tr> | |
</tbody> | |
</table> |