jQuery表头固定

所属分类:UI-图表

 41396  456  查看评论 (27)
分享到微信朋友圈
X
jQuery表头固定 ie兼容8

有前端知识,稍微调整即可实现多种:

1. 只有横向滚动条,即只锁定列。

2. 只有竖向滚动条,即只锁定头部。

3. 横向和竖向滚动条都有,即头部和列都锁定。

有兴趣的话,还可以自己再改造改造,完善完善。是基于superTables做的改造。

相关插件-图表

ets实现汽车动态仪表盘

通过ets实现汽车动态仪表盘,包括速度,转速等的实时数据更新
  图表
 17281  207

Table表单数据处理插件DataTables

table表单数据处理,可以对数据进行排序,筛选,查找
  图表
 64729  439

layui的复杂表头及数据处理总结(原创)

在layui的官网有些东西是查不到的,这给我 们造成很多的误解,在网上也找不到成套的实例用法。在这里总结了layui框架的复杂表头的拼接及数据的展示,希望给大家的开发,带来些实用的方便。
  图表
 25865  184

原生js饼图、环形图、环形渐变(原创)

自己开发中使用ets无法实现饼图环形图颜色环形渐变,且目前并未发现有其他插件可以实现,故手写一个,供大家使用,请根据自己实际情况自行修改,欢迎交流。
  图表
 19338  226

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

    再见理想 0
    2020/9/16 10:10:09
    请问如果是最后一列也要进行固定要怎么操作的? 回复
    我的青春有点250 0
    2019/10/10 11:54:18
    内容超出不能隐藏,更不能头部 回复
    长大了丶简单是幸福づ 0
    2019/7/23 14:39:05
    渲染数据是有问题的吗?也没有具体的文档 回复
    我也不知道叫什么 0
    2019/7/11 10:37:16
    forever丶回不去的“过去 0
    2018/9/18 15:23:45

    请问下一个表格锁定列了,但是列上下有合并,如歌是这样的数据(多一行不会出问题),表格td(数据宽度不一定,可能很长)宽度就不对了,重合或者超出了,能怎么改下解决吗?暂时不考虑,遍历时表格最后多加一行隐藏。表格类似下面:

    <table>
         <tr>
             <td>固定头</td>
             <td>固定头</td>
            <td>固定头</td>
        </tr>
        <tr>
             <td rowspan="2">固定列</td>
             <td>数据1</td>
            <td>数据1</td>
        </tr>
        <tr>
             <td>数据2</td>
            <td>数据2</td>
        </tr>
    </table>
    回复
    forever丶回不去的“过去 0
    2018/9/13 15:42:34
    第二次初始化 头部锁不住了,怎么弄。。
        forever丶回不去的“过去0
        2018/9/14 9:02:03
        额 解决了
        以为0
        2020/5/26 14:17:00
        大佬 能说下怎么解决的吗
    回复
    dyk867862606 0
    2018/3/29 16:28:57
    请问下
    怎么把id='my_div' 高度修改为100%,
    还有class='sData' 高度、宽度修改为100%
    谢谢 回复
    dyk867862606 0
    2018/3/29 16:07:23
    这个怎么把滚动条的宽度放开,sData宽度、高度放开 撑满整个盒子啊!有微信吗 加你 了解下 谢谢 回复
    lookingAngel 0
    2018/1/26 15:05:05

    原理是不是滚动条的监听事件,获取想要固定的元素和其滚动条位置,当滚动条滑动时,设置该元素在页面的Y轴位置始终是其初始的滚动条位置

    回复
    蓝色天空 0
    2018/1/3 16:47:14

    下面的sData一会儿生成一会儿不生成

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复