jQuery 7种冻结行列合并表格

所属分类:UI-图表

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

jQuery表头固定

基于superTables做的改造,可以完美锁定表头和列,已经用于实际项目,还有很多改造的空间
  图表
 41794  456

jquery_html5_图表

jquery_html5_图表
  图表
 38560  367

KCharts-基于Kissy的图表组件集

KCharts,kissy,raphael,基于Kissy的图表,数据可视化,js图表组件,KCharts是基于kissy的数据可视化组件,包含折线图、柱状图、饼图、散点图等图表,定制方便,快速上手
  图表
 44485  345

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

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

讨论这个项目(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的问题
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复