UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jQuery自动固定表头插件freezeheader.js

所属分类：UI,其他-图表,杂项

 50124  335  查看评论 (9)
分享到微信朋友圈
X
jQuery自动固定表头插件freezeheader.js ie兼容10
 查看演示  website  立即下载

简要教程

这是一个简单的在html表格冻结标题行的jquery插件。

引入压缩包中的js文件和jQuery文件。

<script src="js/jquery.freezeheader.js"></script>

调用方法

在顶部浏览器中创建一个固定的头表：

$(document).ready(function () {
    $("#tableid").freezeHeader();
})

用固定的头和滚动条创建一个表：

$(document).ready(function () {
    $("#tableid").freezeHeader({ 'height': '300px' });
})


相关插件-图表,杂项
查看更多

layui使用datatableajax请求json渲染数据

 基于layui，datatable.js。将datatable扩展成可以使用layui的调用方式调用的插件。当然如果想单独使用的话，将layui扩展去掉即可，可自行百度layui。
  图表
 74360  408

ets常用的数据统计图（原创）

 利用ets，制作常用的数据统计图
  图表
 41340  402

表格插件， 表格展示json数据

 mmGrid
  图表
 69297  604

jQuery树状数据转表格插件TreeTable.js

 用原生ul以及jquery编写，将树状的json数据，转成表格形式，并可以支持选择。
  图表
 45178  314

讨论这个项目（9）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    蜡笔小新说你?妖言惑众 0
    2019/9/16 16:00:45
    很好用,帮我解决了问题 回复
    风々 0
    2017/11/10 9:46:20

    这个左右滑动就不好用了！！！ 希望给出左右滑动 表头要跟着表单走的方案

    回复
    你的世界-我不懂 0
    2017/9/26 16:07:14

    你好 我遇到一个问题 在使用插件后 如果浏览器出现左右滚动条的时候会出现表头与表格对应不上的现象，请问这个该怎么解决？

    回复
    linfeng0169 0
    2017/9/12 17:10:49
    我调用方法之后会报错，TypeError: scroll_bar.offset(...) is undefined[详细了解] jquery-1.11.1.min.js%20line%202%20%3E%20eval:51:46 回复
    千年虫 0
    2017/8/11 15:13:58
    cell的宽度自适应的表格，表头和内容 就会不对齐 回复
    你的世界，我不懂 0
    2017/4/18 15:51:26

    报错  

    member.html:1398 Uncaught TypeError: $(...).freezeHeader is not a function
        你的世界-我不懂0
        2017/9/26 16:08:11

        存在js冲突

    回复
    回眸 0
    2016/12/15 10:12:52

    用了后表头还是不能固定，是不是还要设置什么

        asfasdfas0
        2019/8/8 14:22:08
        必须有thead 而且table必须有id
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复