element table动态加载数据并添加fixed属性后页面错行

在使用element table组件 动态加载数据并使用fixed属性时,页面会出现错行的现象:

element table动态加载数据并添加fixed属性后页面错行_第1张图片

解决办法

在获取到table数据后重新计算table布局:

that.$nextTick(()=>{
   that.$refs.teacherTable.doLayout()
})

并设置样式:

/deep/ .el-table__fixed {
  height: 100% !important;
}

你可能感兴趣的:(vue,vue,前端)