评论:jQuery 7种冻结行列合并表格  [查看原文]

所属分类:UI-图表

 30658  342  12
当前第1页 / 共1页
    Kun0
    2024/8/15 17:55:42
    野心家0
    2023/1/12 17:24:53
    (? ??_??)?0
    2020/12/15 10:10:17
    要是想最后一列也冻结怎么办
    回复
    Q.Ni0
    2020/1/15 22:21:19

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

    回复
    Q.Ni0
    2020/1/15 22:18:03
    我做过这样的,老表格实现不难,就是复制多个表格,放到DIV中,隐藏其他多余的, 回复
    zuohao_yan0
    2019/9/19 21:39:03
    行不能 对齐,已经解决了的,能不能告诉我呢。
        你爷爷0
        2019/11/6 11:09:51
        同问
    回复
    qingfengmuzhu0
    2019/6/17 15:55:48
    不兼容火狐浏览器 回复
    newfc0
    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的问题
    回复

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

取消回复