记录:el-table在使用fixed固定列时,表格出现错位问题

2,777 阅读1分钟

在使用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绝对定位,目前解决了这个问题(或许有更好的方式)。