固定表头,表列

 $(function () {
            tableFix();
        })

        // 页面初始化时调用此方法,当使用ajax加载页面时,页面加载完毕后需要重新调用此方法
        function tableFix() {
            var $div = $("#divMPList");
            var $fixheadrow = $(".fix_headrow,.dg_headrow");
            var $fixedheadcell = $(".fixedHeadCell");//表头
            var $fixedcell = $(".fixedCell");//d
            var top = 0;
            var left = 0;
            $div.scroll(function () {
                // 垂直滚动条
                var scrolltop = $(this).get(0).scrollTop;
                if (top != scrolltop) {
                    for (var i = 0; i < $fixheadrow.size() ; i++) {
                        $fixheadrow.get(i).style.top = scrolltop;
                    }
                    top = scrolltop;
                }
                // 水平滚动条
                var scrollleft = $(this).get(0).scrollLeft;
                if (left != scrollleft) {
                    for (var i = 0; i < $fixedheadcell.size() ; i++) {
                        $fixedheadcell.get(i).style.left = scrollleft;
                    }
                    for (var i = 0; i < $fixedcell.size() ; i++) {
                        $fixedcell.get(i).style.left = scrollleft;
                    }
                    left = scrollleft;
                }
            })
        }


猜你喜欢

转载自blog.csdn.net/weixin_41833670/article/details/80777425
今日推荐