jQuery 7种冻结行列合并表格

所属分类:UI-图表

 31400  342  查看评论 (12)
分享到微信朋友圈
X
jQuery 7种冻结行列合并表格 ie兼容6
相关插件-图表

layui使用datatableajax请求json渲染数据

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

支持编辑列和添加删除行的表格组件

这是一款基于jquery开发的可动态生成表格的组件
  图表
 30710  314

类似芝麻信用占比的插件

这是一块款信用占比的插件
  图表
 25342  375

动态实时折线图

根据时间和数据而动态的折线图
  图表
 75645  513

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

    Kun 0
    2024/8/15 17:55:42
    野心家 0
    2023/1/12 17:24:53
    (? ??_??)? 0
    2020/12/15 10:10:17
    要是想最后一列也冻结怎么办
    回复
    Q.Ni 0
    2020/1/15 22:21:19

    实现原理:
    创建多个div,div之间通过css实现层叠,每个div放置当前表格的克隆。例如:需要行冻结时,创建存放冻结行表格的div,通过设置z-index属性和position属性,让冻结行表格在数据表格的上层。同理,需要列冻结时,创建存放冻结列表格的div,并放置在数据表格的上层。如果需要行列都冻结时,则除了创建冻结行、冻结列表格的div,还需要创建左上角的固定行列表格的div,并放置在所有div的最上层。
    处理表格的滚动事件,在表格横向或者纵向滚动时,同时让相应的冻结行和冻结列也同步滚动。

    回复
    Q.Ni 0
    2020/1/15 22:18:03
    我做过这样的,老表格实现不难,就是复制多个表格,放到DIV中,隐藏其他多余的, 回复
    zuohao_yan 0
    2019/9/19 21:39:03
    行不能 对齐,已经解决了的,能不能告诉我呢。
        你爷爷0
        2019/11/6 11:09:51
        同问
    回复
    qingfengmuzhu 0
    2019/6/17 15:55:48
    不兼容火狐浏览器 回复
    newfc 0
    2019/4/22 15:03:54
    不错,但是不是很完美。 回复
    执子手与老 0
    2019/3/20 10:51:01
    冻结列都对不上 位置有偏移
        ?小豪?0
        2019/7/23 13:24:32
        这个问题我也遇到了!
        你解决了吗?
        ?小豪?0
        2019/7/23 15:02:10
        这个问题我解决了!
        问题就是第一个td的问题
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复