vue element ui 使用el-table 组件的时候,列使用fixed之后表格会出现错乱的情况

是使用fixed 属性之后,fixed 列和其他列出现错位的情况,流体高度和左右列固定同时使用的时候滑动到最底部翻页才出现这种问题,Google 和 Firefox正常,win10自带的浏览器和360浏览器会出现错位的情况,应该是scrollTop在fixed列没生效,找了很多方法doLayout也不起作用,然后就自己写了vue element ui 使用el-table 组件的时候,列使用fixed之后表格会出现错乱的情况_第1张图片

 

this.$nextTick( ()=> {
    this.$refs.tableRef.bodyWrapper.scrollTop = 5 
})//在请求数据的时候使用,相当于手动滑动了一下表格

在这之前也使用了给column设置:key="Math.random()",虽然有效果,但是出了很多问题,比如我页面使用el-table里面的多选框功能时,会报无线循环的错误,导致网页一直卡着,还有表格有渲染图片的时候,点击页面会出现渲染好的图片闪一下,也没办法复制表格里面的文字,有试过使用doLayout重新渲染页面,但是貌似也不起作用,这是暂时唯一能解决我现实项目中的一个办法了,所以记录一下,也希望有大神能指点一二

 

你可能感兴趣的:(vue,el-table,fixed,表格错乱)