jquery固定表格头插件fixedheadertable

所属分类:UI-图表

 81698  409  查看评论 (35)
分享到微信朋友圈
X
jquery固定表格头插件fixedheadertable ie兼容6

fixedheadertable参数说明

altClass

指定的类名称将添加到奇数行 (tr) 为主题。

代码示例

$('selector').fixedHeaderTable({ altClass: 'className' });

autoShow

当为 false 时自动显示在调用 fixedHeaderTable 时,将自动隐藏表。直到它调用.fixedHeaderTable('show') 时,表将保持隐藏。

代码示例

$('selector').fixedHeaderTable({ autoShow: true });

cloneHeadToFoot

当为 true 时 cloneHeadToFoot 表头将被克隆和用作表页脚。

代码示例

$('selector').fixedHeaderTable({ cloneHeadToFoot: true });

fixedColumn version 1.3 only

当 fixedColumn 为 true 时将固定的第一列,如果表水平滚动。

代码示例

$('selector').fixedHeaderTable({ fixedColumn: true });

footer

当为 true 时页脚表的 TFOOT 将用作固定的页脚。TFOOT 必须列入表标记了。

代码示例

$('selector').fixedHeaderTable({ footer: true });

height

当高度设置表 thead 时,tbody 和可选的 tfoot 将等于高度值。以像素为单位的身高。

代码示例

$('selector').fixedHeaderTable({ height: 500 });

width

当宽度设置表格宽度将等于宽度值。宽度是以像素为单位。

代码示例

$('selector').fixedHeaderTable({ width: 500 });

themeClass

指定的类名称将添加到表的主题。

代码示例

$('selector').fixedHeaderTable({ themeClass: 'className' });


相关插件-图表

layui使用datatableajax请求json渲染数据

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

jquery.jqplot 绘图插件

jqPlot是一个jQuery绘图插件,可以利用它制作漂亮的线状图、柱状图和饼图。
  图表
 45929  374

支持ie8的圆形统计比例图

动态统计,支持ie8以及以上版本的ie浏览器,其他的浏览器
  图表
 53377  421

jQuery 7种冻结行列合并表格

对表格分别进行首行冻结,首列冻结,多行列冻结,合并单元格等
  图表
 30644  342

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

    木。 0
    2019/12/6 13:49:29
    不能使用colspan
        木。0
        2019/12/6 13:56:54
        对不起我错了,可以用……
    回复
    ??????? 0
    2019/5/29 15:51:36
    焕想 0
    2019/5/21 14:56:54
    这个可以用在手机端吗? 回复
    布达和佩斯 0
    2019/4/23 14:10:41
    感觉这个还是挺好用的 回复
    无名氏 0
    2018/8/21 17:49:01
    出现表头跟内容不对齐的情况该如何解决呢? 回复
    裙子小姐 0
    2018/6/28 17:07:08
    大家有没有出现冻结的表头和中间tbody的网格线错位的情况嗯?
        一只喵喵?的奋斗史0
        2018/7/10 11:52:13
        你解决了吗 我固定两行的时候 错位啦
        奈斯荼米缇呦0
        2018/7/19 15:24:37
        同样多行固定出现错位,
        叶落随风0
        2019/10/30 22:41:34

        添加一个:

        .fht-table{
            width: 140px  !important;
        }
        叶落随风1
        2019/10/30 22:50:04
        <style>
            .fht-table{
                width: 140px !important;
            }
        </style>

        这个宽度是试出来的。也可以设置为从控制台查看到的.fht-thead的宽度。
        不算完美,只能解决固定列和活动列结合部对齐,但是比错位好看点。

        叶落随风1
        2019/10/30 22:52:38

        还有‘表的各个单元格不与许换行’

        table tr,table td,table thead{white-space: nowrap;}
    回复
    月文丶 0
    2018/4/18 15:57:34
    Invalid table mark-up 有人报这个错么?
        ??0
        2018/6/20 19:30:52
        你这个解决了吗?
        自然醒#0
        2018/9/11 11:26:17
        遇到同样的问题,亲解决了吗?
        201601170
        2018/9/26 15:11:37
        遇到同样的问题,是不能ajax请求数据吗
        你若安好便是晴天0
        2021/3/8 14:00:16
        缺少thead,加上thead就不会报这个错了
        yinmingmin0
        2021/5/31 11:58:21
        如何解决,有解决方法了么
    回复
    杨乐意?? 0
    2018/3/1 10:58:12
    表头是两行怎么办
        裙子小姐0
        2018/6/28 17:02:07
        一样的可以,只不过出现了个问题,在项目中出现的问题是克隆出来的表头个下面tbody的网格线错位了。对了,我的表头是3行
    回复
    爱?不后悔。 0
    2018/1/27 14:23:25
    目凌 0
    2017/12/21 9:47:24

    可以固定两列吗

        裙子小姐0
        2018/6/28 17:02:54
        可以,我的是出现跨行的3行
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复