在使用element-ui中的el-table,我们经常使用fixed属性,但是会出现错位情况,官网提供了doLayout的方式来解决,但是有的时候用了以后还出现了竖着滚动错位,我的解决方式如下: 1.先上dolayout方法,代码如下:
<el-table
ref='table'
:data='tableData'
height="250"
>
...
</el-table>
使用dolayout的代码:
tableData:{
deep:true,
handler:function({
this.$nextTick(()=>{
this.refs.table.doLayout()
})
})
}
}
正常看来错位了,但是发现竖着滚动的时候还是有错位现象,查阅文件尝试使用max-height 2.使用max-height el-table中增添属性max-height
<el-table
ref='table'
:data='tableData'
max-height="250"
>
...
</el-table>
解决其中一个页面了,但是另一个页面的el-table模块上面还有一个div,由于我的tableData是根据接口不断变化,又出现一个问题,就是请求结束以后错位,这种情况尝试了将el-table绝对定位,目前解决了这个问题(或许有更好的方式)。