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"
    }
相关推荐
如果超人不会飞20 小时前
TinyVue 组件库实战指南:从安装到上手一篇就够了
vue.js
掘金者阿豪20 小时前
终于!我的第二本书正式出版,吃透 Agentic AI 核心不踩坑
javascript·后端
开飞机的舒克_20 小时前
vue3+router动态权限路由
前端·vue.js
三乐22820 小时前
事件循环是什么东西,一篇文章带你了解
前端·javascript
dy171721 小时前
二维码打印
前端·javascript·vue.js
智商不够_熬夜来凑21 小时前
【Radio & Checkbox】
前端·javascript·vue.js
xiaofeichaichai21 小时前
Diff 算法
前端·javascript
wgc2k21 小时前
Nest.js 基础-8-Hello,NestJS
开发语言·javascript·ecmascript
Larcher21 小时前
从 0 到 1:用 Bun + axios 快速搭建 LLM API 客户端
前端·javascript
贺今宵1 天前
Vue 3 + Capacitor 使用jeep-sqlite,web端使用本地sqlite数据库
前端·数据库·vue.js·sqlite·web