项目中使用虚拟滚动,滚动一快就会白屏,花了两天时间看了源码,检查渲染元素,发现元素渲染的是很快的,跟得上的,但是还是会出现白屏,后面检查样式,发现只要把表格背景色去掉,滚动一点问题都没有,这个白屏居然是表格的背景色导致的,浪费了两天研究源码的性能问题
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设置背景色,会出现这样情况,感觉这时的浏览器渲染机制是,先渲染背景色,再渲染表格
个人感觉最有可能是绘制顺序的原因