Fork me on GitHub
Jquery插件 -- 表格固定表头

Table固定表头是老生常谈的东西,从网上看了很多人的实现,但都不够满意,很多原因,比如说效果根本就没实现,要不就是易用性很差,于是自己试着写了一个Jquery固定表头的插件,与各位共享,此插件还在测试阶段,如果想要直接使用请各位根据自己项目微调。

实现原理图:

 

针对原理图的说明:

         所有的行(tr)可分为表头和表体两部分,把表格拆分为两个表格,第一个表格放表头,第二个表格放表体,我们要拖动的是表体,所以把第二个表格再用一层div包装起来,目的是为了Scroll,之后整体再用一层大的div包裹起来,看上去就成了一个完整的表格,其实成型的效果是有2个div,2个table组装而成的,而原来的那个表格根本就没用了,直接删除掉就OK了。

Jquery插件代码:

  

 
 
分类: Jquery
posted on 2013-01-24 10:27  HackerVirus  阅读(1235)  评论(0编辑  收藏  举报