vue3中,el-table表格固定列后出现表格线段折断的问题

方式1:CSS 样式修复(最直接有效)-亲测有效

css 复制代码
/* 解决固定列与主体表格线条错位问题 */
.el-table__fixed,
.el-table__fixed-left,
.el-table__fixed-right {
  /* 核心:固定列高度减去滚动条高度(一般为 10px-17px) */
  height: calc(100% - 12px) !important;
}

.el-table__fixed-body-wrapper {
  height: 100% !important;
}

.el-table__fixed-body-wrapper .el-table__body {
  /* 为固定列内容区域添加底部内边距,模拟滚动条占位 */
  padding-bottom: 10px !important;
}

方式2:调用 doLayout 方法(动态修复)-亲测无效,可以试试

javascript 复制代码
// 假设你的 el-table 有 ref="tableRef"
this.$nextTick(() => {
  if (this.$refs.tableRef) {
    this.$refs.tableRef.doLayout()
  }
})
相关推荐
FlyWIHTSKY11 小时前
Vue 3 中 RouteRecord 详解(Vue Router 4)
前端·javascript·vue.js
老王以为11 小时前
前端视角下的 Java
java·javascript·程序员
Alice-YUE12 小时前
【JS高频八股】什么是闭包?
开发语言·javascript·笔记·学习
D_C_tyu12 小时前
JavaScript | 数独游戏核心算法实现
javascript·算法·游戏
海天鹰12 小时前
EXIF-JS
javascript
清汤饺子12 小时前
【译】我的 AI 进阶之路:从怀疑到深度整合
前端·javascript·后端
@菜菜_达12 小时前
Vue生命周期
前端·javascript·vue.js
每天吃饭的羊12 小时前
UMD和IIfe
开发语言·前端·javascript
gCode Teacher 格码致知13 小时前
Javascript提高:自定义的占位符替换-由Deepseek产生
开发语言·javascript·ecmascript
前端那点事13 小时前
Vue线上代码调试全攻略(安全无侵入,新手也能上手)
前端·vue.js