jQuery 7种冻结行列合并表格

所属分类:UI-图表

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

layui使用datatableajax请求json渲染数据

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

ets实现汽车动态仪表盘

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

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

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

jQuery树状数据转表格插件TreeTable.js

用原生ul以及jquery编写,将树状的json数据,转成表格形式,并可以支持选择。
  图表
 36756  264

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

    (? ??_??)? 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的问题
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复