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"
    }
相关推荐
lecepin12 分钟前
AI Coding 资讯 2025-09-10
前端·javascript·面试
书源38 分钟前
灵活性和可维护性,被严重低估的编程原则
前端·javascript·vue.js
计算机学姐1 小时前
基于Python的旅游数据分析可视化系统【2026最新】
vue.js·后端·python·数据分析·django·flask·旅游
再学一点就睡2 小时前
双 Token 认证机制:从原理到实践的完整实现
前端·javascript·后端
随风飞翔的胖子2 小时前
js-cookie详细介绍及在vue3中的使用方法
vue.js·浏览器
幻灵尔依3 小时前
前端编码统一规范
javascript·vue.js·代码规范
欢脱的小猴子3 小时前
VUE3加载cesium,导入czml的星座后页面卡死BUG 修复
前端·vue.js·bug
前端小巷子3 小时前
JS 实现图片瀑布流布局
前端·javascript·面试
杜蒙3 小时前
React Hooks 详解
前端·javascript
小菜全4 小时前
Vue 3 + TypeScript 事件触发与数据绑定方法
前端·javascript·vue.js