当前位置:JS特效 » 表格 » 基于bootstrap的表格头固定jquery插件
 基于bootstrap的表格头固定jquery插件
如果您觉得内容不错,请分享:

插件介绍

jquery.decapitate.js是一款基于bootstrap的表格头固定jquery插件。该jquery插件可以在页面向下滚动时,将表格头固定在视口的顶部。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:89
简要教程

jquery.decapitate.js是一款基于bootstrap的表格头固定jquery插件。该jquery插件可以在页面向下滚动时,将表格头固定在视口的顶部。

使用方法

在页面中引入jquery、bootstrap-affix.js和jquery.decapitate.js文件。




                
HTML结构

该插件的原理是将原来表格的thead元素分离出来,将它们移动到新的表格中。初始的表格结构如下:

......

在经过插件初始化之后,表格的结构变为下面的样子:

...
...
初始化插件

在页面DOM元素加载完毕之后,可以通过下面的方法来初始化该jquery表格固定插件。

 $(document).ready(function() {
    $('table').decapitate();
  });
                

jquery.decapitate.js表格头固定插件的github地址为:https://github.com/claymation/jquery-decapitate

Top