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()
  }
})
相关推荐
皮卡祺q5 分钟前
【算法-0】背包问题(三维+二维)
java·javascript·算法
whuhewei19 分钟前
手写Promise
开发语言·javascript·ecmascript
川冰ICE36 分钟前
JavaScript入门⑤|数组方法全攻略,map/filter/reduce三剑客
开发语言·javascript·ecmascript
threelab1 小时前
Three.js 抽象艺术着色器效果 | 三维可视化 / AI 提示词
前端·javascript·人工智能·3d·着色器
008爬虫实战录1 小时前
【码上爬】 题十八:模拟大厂加密算法, 堆栈分析找加密点,扣自执行函数,jsdom补环境
开发语言·javascript·ecmascript
skywalk81631 小时前
脚本 isMobile.js(移动设备检测库)的核心实现
开发语言·javascript·ecmascript
i_am_a_div_日积月累_1 小时前
3.contextBridge桥梁
前端·javascript·vue.js·electron
bug-100862 小时前
hooks,mixin,pinia,vuex
前端·vue.js
阿正的梦工坊2 小时前
【Typescript】04-数组元组枚举与字面量类型
javascript·ubuntu·typescript
神奇小汤圆2 小时前
自己用 ai 写了个链接 mysql 数据库的 mcp 工具
javascript