element-ui table固定行错位

作者: 东方三篇 | 来源:发表于2022-02-14 15:49 被阅读0次

element-ui table固定行错位
ant-design-vue table 表格组件错位解决
固定列和表格头的表格实现
el-table加了fixed后样式高度错乱问题
vue中使用element-ui里的table中表头与表格出现错
Angular-Win10系统-Chrome浏览器-NG-ZOR
表格合并
每周总结 20210725 vue/element-ui/jqu
表格固定列行错位
表格某一行上移或下移

错误问题图片

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()

搞定!

element-ui table固定行错位
错误问题图片解决办法搞定!
ant-design-vue table 表格组件错位解决
table组件错位问题。 table组件错位，不管是用element-ui的table组件，还是ant的table...
固定列和表格头的表格实现
前言脱离element-ui又借鉴element-ui，实现类似el-table的固定列和表头的效果 1-1固定...
el-table加了fixed后样式高度错乱问题
问题：element-ui el-table组件的 el-table-column 加了fixed属性列固定后样式...
vue中使用element-ui里的table中表头与表格出现错
在使用element-ui的table时，常常会遇到这种情况，表头与内容错位，找了个解决办法，还可以，在这儿记一笔...
Angular-Win10系统-Chrome浏览器-NG-ZOR
Angular-Win10系统-Chrome浏览器-NG-ZORRO-table组件-固定表头-表格列明显错位。这...
表格合并
要求：熟悉element-ui中table的普通合并方式 element-ui 官方网站的table普通合并方式，...
每周总结 20210725 vue/element-ui/jqu
每周总结 20210725 element-ui el-table获得行id方法 vue v-model与:dat...
表格固定列行错位
表格某一行上移或下移
适用于element-ui table