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"
    }
相关推荐
sniper_fandc3 小时前
Axios快速上手
vue.js·axios
哟哟耶耶3 小时前
Starting again-02
开发语言·前端·javascript
Kitasan Burakku3 小时前
Typescript return type
前端·javascript·typescript
力Mer4 小时前
console.log()控制台异步打印与对象展开后不一致问题
前端·javascript
GISer_Jing4 小时前
得物前端二面潜在问题详解
前端·javascript·面试
醒了接着睡7 小时前
Vue3 响应式中的 Reactive
vue.js
未来之窗软件服务7 小时前
从东方仙盟筑基期看 JavaScript 动态生成图片技术-东方仙盟
开发语言·javascript·仙盟创梦ide·东方仙盟·图片技术
paopaokaka_luck7 小时前
基于SpringBoot+Vue的志行交通法规在线模拟考试(AI问答、WebSocket即时通讯、Echarts图形化分析、随机测评)
vue.js·人工智能·spring boot·后端·websocket·echarts
程序定小飞8 小时前
基于springboot的蜗牛兼职网的设计与实现
java·数据库·vue.js·spring boot·后端·spring
不叫猫先生8 小时前
中秋连连看小游戏开发完整教程
javascript·css·小游戏·连连看