vxe-table解决虚拟滚动时的白屏问题

项目中使用虚拟滚动,滚动一快就会白屏,花了两天时间看了源码,检查渲染元素,发现元素渲染的是很快的,跟得上的,但是还是会出现白屏,后面检查样式,发现只要把表格背景色去掉,滚动一点问题都没有,这个白屏居然是表格的背景色导致的,浪费了两天研究源码的性能问题

#2160 pr已合并,vue3更新vxe-table到最新版4.5.7即可,如果是vue2,vxe-table的v3版本目前尚未修复,全局改下样式即可

v3版本去掉背景色

.vxe-table--main-wrapper .vxe-table--render-default .vxe-table--body-wrapper,
.vxe-table--main-wrapper .vxe-table--render-default .vxe-table--footer-wrapper {
    
    
  background-color: transparent !important;
}

v4版本去掉背景色

.vxe-table--render-default .vxe-table--body-wrapper {
    
    
    background-color: transparent !important;
}

直接给table设置背景色也没问题
就是给最外层这个div设置背景色,会出现这样情况,感觉这时的浏览器渲染机制是,先渲染背景色,再渲染表格

个人感觉最有可能是绘制顺序的原因
在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_42611074/article/details/132475057