element-ui table固定行错位

错误问题图片 col-error.png

解决办法

# 给table添加 ref 属性
<el-table ref="tableRef" :data="tableData" stripe size="medium" height="100%"></el-table>

# vue3中 在 setup里面定义
const tableRef: any = ref(null)

watch(tableData, () => {
  tableRef.value.doLayout()
})
onMounted(() => {
  tableRef.value.doLayout()
})

# vue2.x版本
this.$refs.tableRef.doLayout()

搞定!