web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置:
首页
>
网页特效
>
表格
基于Bootstrap的表格头固定的jQuery表格插件
分类:
表格
日期:
2024-05-14
点击(2)
评论(0)
演 示
免费下载
简介
使用该插件需要在页面中引入boostrap的相关文件,以及jQuery和jquery.michiweber.table-head-fixed.js文件。 ```html
``` ##### HTML结构 要使表格头固定,你需要为表格的thead元素添加table-fixed-head class类。 ```html
Column 1
Column 2
Column 3
Cell 1
Cell 2
Cell 3
......
``` ##### 初始化插件 你也可以使用JavaScript来手动初始化该头部固定表格。 ```html $('table').tfh([options]); ``` ##### 配置参数 | 参数 | 默认值 |描述 | | ------------ | ------------ | ------------ | |toggle|0|页面滚动时,当
固定时距页面顶部的距离| |top|0|页面滚动时,当
固定时距页面顶部的默认距离| 你可以通过data-属性直接在HTML标签中设置这些属性。 | 参数 | 属性 | | ------------ | ------------ | | toggle | data-table-fixed-head-trigger | | top | data-table-fixed-head-top | 例如: ```html
```
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告