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()
  }
})
相关推荐
森林的尽头是阳光1 小时前
tree回显问题
javascript·vue.js·elementui
weixin_BYSJ19871 小时前
「课设设计」springboot校园超市助购系统26449 (附源码)
java·javascript·spring boot·python·django·flask·php
qetfw2 小时前
MWU:Vue 3 + FastAPI 的 MaaFramework 跨平台 WebUI 源码
前端·vue.js·python·fastapi·开源项目·效率工具
mfxcyh2 小时前
Vue3+Ant Design Vue 实现手动异步文件上传(含大小校验、弹窗上传)
前端·javascript·vue.js
meilindehuzi_a2 小时前
Vue3进阶基础:指令修饰符、v-model表单绑定、动态样式、计算属性与侦听器实战
前端·javascript·vue.js
csdn2015_3 小时前
vue 前端运行命令
前端·javascript·vue.js
Cobyte3 小时前
根据浏览器解析 HTML 的规范实现 HTML 解析器
前端·javascript·vue.js
用户83134859306983 小时前
Cesium 实现行政区反向遮罩镂空效果(自定义暗色蒙层+矢量/影像底图切换)
vue.js·webgl·cesium
默_笙3 小时前
😁 LLM 不知道的事它不会说"不知道",而是会"编"——RAG 就是让它闭嘴先查资料
前端·javascript
Revolution613 小时前
变量提升到底提升了什么:为什么 var 是 undefined,let 却直接报错
前端·javascript