jQuery表头固定

所属分类:UI-图表

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

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

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

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

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

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

相关插件-图表

AmChart使用例子

AmChart统计图插件使用例子
  图表
 33551  396

jQuery响应式表格插件ReStable

jQuery restable是一个非常简单轻量级(~ 1KB)的jQuery插件,它可以将表格在指定的响应式断点时,使表格结构切换为无序列表结构,以适应在小屏幕设备中显示表格数据。
  图表
 31621  316

ets常用的数据统计图(原创)

利用ets,制作常用的数据统计图
  图表
 40457  401

抖音业绩销量动态排行,加载数据实现动态排名

git上的部分项目改造,根据自己的需求可以自行进行修改。一般用于大屏演示和数据展示
  图表
 13239  137

讨论这个项目(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一会儿生成一会儿不生成

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