您的位置:首页 > Web前端 > JQuery

Jquery插件 -- 表格固定表头

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

实现原理图:



针对原理图的说明:

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

Jquery插件代码:

View Code
//+---------------------------------------------------


  

View Code
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: