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"
    }
相关推荐
想睡好3 分钟前
setup
前端·javascript·html
桜吹雪10 分钟前
DeepSeekV3.2模型内置Agent体验
javascript·人工智能
逆向新手13 分钟前
js逆向-某省特种设备aes加密研究
javascript·爬虫·python·逆向·js
我爱学习_zwj18 分钟前
动态HTTP服务器实战:解析请求与Mock数据
开发语言·前端·javascript
flashlight_hi22 分钟前
LeetCode 分类刷题:110. 平衡二叉树
javascript·算法·leetcode
Beginner x_u23 分钟前
Vue 事件机制全面解析:原生事件、自定义事件与 DOM 冒泡完全讲透
前端·javascript·vue.js·dom
Emma_Maria24 分钟前
关于vant-ui-vue 的datepicker 时间选择错乱问题的处理
前端·vue.js·ui
郑州光合科技余经理1 小时前
实战分享:如何构建东南亚高并发跑腿配送系统
java·开发语言·javascript·spring cloud·uni-app·c#·php
June bug1 小时前
【Vue】EACCES: permission denied 错误
前端·javascript·vue.js
一只小阿乐1 小时前
react 中的组件性能优化
前端·javascript·react.js·react组件性能优化