评论：jQuery锁定表头和固定列插件FixedTable  [查看原文]

所属分类：UI-图表

 90993  455  58
当前第1页 / 共3页
    ?怯宙(*^__^*)0
    2021/8/5 10:25:00
    一个页面有两个这种表格 第二个不好用 怎么解决 回复
    ??emmm0
    2021/2/19 16:00:24
    如果没有数据的情况表头就缩到一起了 回复
    再见亦是泪0
    2020/11/3 14:40:01
    数据一多，页面渲染的时候布局有点乱，有啥办法可以页面加载的时候先隐藏表格，然后再显示 回复
    那时年少0
    2020/8/27 11:27:10
    表头有合并行列的情况，插件有解决吗 回复
    Sensir0
    2020/7/22 9:53:42
    刚下载，先支持一下 回复
    I’m Cai。0
    2020/5/4 17:55:54
    使用index - 副本.html，首行是undefined，如何解决
        xta fnhc tewq0
        2020/6/3 14:57:57
        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
        11
        12
        13
        14
        15
        16
        17
        18
        19
        20
        21
        22
        23
        24
        25
        26
        27
        28
        29
        30
        31
        32
        ```
        fields: [//表格的列
             {
                   width: "150px",
                    name: "日期",
                    fixed: true
              },
              {
                     width: "120px",
                      name: "姓名",
                      fixed: false
               }
        ]
        ```
        数组中每项的 `name`
        改为 `field`
        就可以了， 如：
        ``
        ``
        fields: [ //表格的列
            {
                width: "150px",
                name: "日期",
                field: true
            },
            {
                width: "120px",
                field: "姓名",
                fixed: false
            }
        ]
        ```
    回复
    En attendant, oublier 评论奖励 1 jQ币
    2019/8/14 15:45:53

    css添加这个 右侧滚动就会和左侧一直同步不会错位

    1
    2
    3
    4
    5
    6
    .fixed - table_body - wraper { /*设定高度*/
        max - height: 400 px;
    }
    .fixed - table_fixed.fixed - table_body - wraper { /*设定高度*/
        max - height: 380 px;
    }
        xta fnhc tewq0
        2020/6/3 12:15:34
        新版已经解决这个问题了
    回复
    不言0
    2019/4/25 10:17:52
    大神们怎么合并表头列呀 回复
    Big Big World0
    2019/4/18 12:22:04
    在弹窗中做这个就没法获取元素的各种width height值,没法判断是否显示滚动条
        xta fnhc tewq0
        2020/6/3 14:49:06
        弹窗中你需要在弹窗显示以后再初始化表格
    回复
    当时我就蒙逼了_0
    2019/3/29 17:31:04
    固定列后表格不对齐，怎么设置都不生效。白白浪费俩小时
        En attendant, oublier 0
        2019/8/14 15:44:03
        给固定列加一个小于表格内容高度10px的高度值就可以用了
        xta fnhc tewq0
        2020/6/3 12:16:02
        新版已经解决这个问题了
    回复
    ??Kathy??0
    2019/1/29 16:46:19
    head-fixed 表头对不齐 回复
    ㄟplum0
    2018/12/14 10:52:59
    不兼容手机耶。。。 回复
    一诺0
    2018/11/21 11:40:16
    如何加一个搜索按钮呢？ 回复
    shanlisi评论奖励 1 jQ币
    2018/11/7 16:09:13

    解决同步滚动到右侧和底部错位问题：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    _syncScroll: function() {
        /*同步滚动*/
        if (!this.fixedIndex.left || !this.fixedIndex.right) {
            return;
        }
        var that = this,
            fixedTableHeader = this.fixedTableHeader,
            fixedCols = this.fixedTableBox.find(".fixed-table_fixed .fixed-table_body-wraper");
        // 添加代码开始
        fixedCols.find('.fixed-table_body').css('marginBottom', FixedTable.getScrollWidth());
        fixedCols.find('.fixed-table_header-wraper').css('marginRight', FixedTable.getScrollWidth());
        // 添加代码结束
        this.fixedTableBody.on("scroll", function(e) {
            e.preventDefault();
            var $this = $(this);
            fixedTableHeader.scrollLeft($this.scrollLeft());
            fixedCols.scrollTop($this.scrollTop());
        });
    }
        青春0
        2019/3/27 15:06:22
        丢进js文件覆盖，不行啊
        xta fnhc tewq0
        2020/6/3 14:49:30
        新版已经解决这个问题了
    回复
    shanlisi0
    2018/11/6 19:47:08
    有GitHub地址吗
        xta fnhc tewq0
        2019/1/8 6:45:29
        https://github.com/941477276/FixedTable.git
    回复

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

取消回复