elementui table 表格使用固定列(fixed)之后滚动表格出现错行问题
 
效果图,如上图

这里是初始化表格数据的

 
 
beforeDestroy () { this.tableBodyWrapper.removeEventListener('scroll', this.setScrollTop); }, this.$nextTick(() => { setTimeout(() => { this.tableBodyWrapper = this.$refs['elTable'].bodyWrapper; this.tableBodyWrapper.addEventListener('scroll', this.setScrollTop); }); }); setScrollTop() { let scrollTop = this.tableBodyWrapper.scrollTop;// 滚动高度 this.$refs['elTable'].$refs.fixedBodyWrapper.scrollTop = scrollTop; },
导致问题的原因是:是element-ui table组件内部对滚动事件做了防抖。它不会实时修改非固定列的位置 ,有几毫秒的延迟
                    
                
                
            
        
浙公网安备 33010602011771号