Vue3 Element plus table有fixed列时错行

table 有fixed列,并且有其他列需要动态展示时,出现错行现象。尝试两种解决方案。

1.官方的doLayout()方法(不起效果)

javascript 复制代码
import { getCurrentInstance } from "vue";
const instance = getCurrentInstance()!;
instance?.proxy?.$refs["el-table"].doLayout();

2.结合使用列的width(解决)

fixed类添加固定列宽,与操作列相邻的一列添加minWidth

javascript 复制代码
  {
      label: "Status",
      prop: "Status",
      minWidth: 160
 },
    {
      label: "Operations",
      fixed: "right",
      width: 120,
      slot: "operation"
    }
相关推荐
漂流瓶jz32 分钟前
JavaScript语法树简介:AST/CST/词法/语法分析/ESTree/生成工具
前端·javascript·编译原理
90后的晨仔1 小时前
表单输入绑定详解:Vue 中的 v-model 实践指南
前端·vue.js
90后的晨仔2 小时前
Vue 事件处理深入指南:从基础到进阶
前端·vue.js
落雪小轩韩3 小时前
Vue常见题目
javascript·vue.js
烛阴3 小时前
告别重复劳动:Gulp.js 新手入门教程
前端·javascript
JSON_L4 小时前
Vue 正在热映模块
前端·javascript·vue.js
张元清5 小时前
Neant:0心智负担的React状态管理库
前端·javascript·面试
Lethe5 小时前
类小红书的社交卡片瀑布流
前端·vue.js
李明卫杭州5 小时前
使用fastmap快速搭建基于js实现的MCP服务
前端·javascript