vue 解决固定列(fixed)后表格错位问题

1、表格最后一列(操作列)使用fixed属性固定后，导致表格发生错位现象2、使用doLayout()刷新//加ref属性<el-table :data="table" ref="table" >//强制渲染，解决操作栏固定后出现错位的情况this.$nextTick(() => {this.$refs.table.doLayout()})...

Tigers996

5155人浏览 · 2022-01-14 14:32:34

Tigers996 · 2022-01-14 14:32:34 发布

1、表格最后一列(操作列)使用fixed属性固定后，导致表格发生错位现象
错位图
2、使用doLayout()刷新
在这里插入图片描述

//加ref属性
<el-table :data="table" ref="table" >

//强制渲染，解决操作栏固定后出现错位的情况
this.$nextTick(() => { 
   this.$refs.table.doLayout()
 })

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^