Jquery插件 -- 表格固定表头
2013-01-24 10:27
357 查看
Table固定表头是老生常谈的东西,从网上看了很多人的实现,但都不够满意,很多原因,比如说效果根本就没实现,要不就是易用性很差,于是自己试着写了一个Jquery固定表头的插件,与各位共享,此插件还在测试阶段,如果想要直接使用请各位根据自己项目微调。
实现原理图:
针对原理图的说明:
所有的行(tr)可分为表头和表体两部分,把表格拆分为两个表格,第一个表格放表头,第二个表格放表体,我们要拖动的是表体,所以把第二个表格再用一层div包装起来,目的是为了Scroll,之后整体再用一层大的div包裹起来,看上去就成了一个完整的表格,其实成型的效果是有2个div,2个table组装而成的,而原来的那个表格根本就没用了,直接删除掉就OK了。
Jquery插件代码:
View Code
View Code
实现原理图:
针对原理图的说明:
所有的行(tr)可分为表头和表体两部分,把表格拆分为两个表格,第一个表格放表头,第二个表格放表体,我们要拖动的是表体,所以把第二个表格再用一层div包装起来,目的是为了Scroll,之后整体再用一层大的div包裹起来,看上去就成了一个完整的表格,其实成型的效果是有2个div,2个table组装而成的,而原来的那个表格根本就没用了,直接删除掉就OK了。
Jquery插件代码:
View Code
//+---------------------------------------------------
View Code
相关文章推荐
- jQuery_固定行表头列表头表格插件
- [JQuery插件] 固定表头, 左侧某些列的表格
- jQuery 关于ScrollableGridPlugin.js(固定表头)插件的逐步解析
- jQuery 关于ScrollableGridPlugin.js(固定表头)插件的逐步解析 推荐
- jQuery 关于ScrollableGridPlugin.js(固定表头)插件的逐步解析
- jQuery 的ScrollableGridPlugin.js(固定表头)插件
- TABLE 多表头固定问题(基本jquery插件)
- table表头和首列的表格固定-JQuery、js实现的Table表头固定
- 表头固定和表格的左侧固定效果,有没有什么类型的更好的插件啊什么的,知道的推荐下
- BootStrap table表格插件自适应固定表头(超好用)
- jQuery滚动表格-->固定表头 + 冻结窗格效果
- jQuery,Table表头固定插件chromatable存在的问题及解决办法
- jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
- Jquery固定表头插件,兼容IE6.7.8.9 ,Chrome ,FF
- jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
- jQuery,Table表头固定插件chromatable存在的问题及解决办法
- 好用的自适应表格插件-bootstrap table (支持固定表头)
- Jquery 表格固定表头
- 固定表头和左侧列的表格插件DataTable
- jquery 表格表头固定,表格滚动 ------gxy