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

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

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

 48962  334  查看评论 (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' });
})


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

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

 mmGrid
  图表
 67762  601

echarts使用示例

 静态使用echarts样式，仅作参考
  图表
 57056  503

原生js表格插件systable

 原生js表格插件systable,代码注释全
  图表
 41613  380

基于echarts双y轴折线图柱状图混合实时更新图

 Ets双y轴折线图柱状图混合实时更新图，流畅不卡顿
  图表
 39055  319

讨论这个项目（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
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复