element-ui 表格固定头和固定列表格错位

**问题:**当 el-table 组件固定了表头和列时,列表数据触发滚动条,列表滚动到底,会有错位。

**原因分析:**因为固定列和固定表头产生的滚动条宽度不一致,导致有轻微误差。

**解决:**自定义滚动条高度,将滚动条高度设置小一点且一致。

css 复制代码
/deep/::-webkit-scrollbar {

  width: 10px !important;

  height: 10px !important;

  background-color: #8487879e;

}

/deep/.el-table__fixed::before,

.el-table__fixed-right::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background-color: unset;

  z-index: 4;

}
相关推荐
路光.2 分钟前
ReferenceError:Can‘t find variable:structureClone
前端·javascript·html·vue2
前端那点事2 分钟前
内存泄漏排查全指南:从场景识别到工具实操,新手也能上手
前端·vue.js
我这一生如履薄冰~6 分钟前
浏览器多窗口同开一页面,数据同步更新(纯前端方案)
前端·javascript
Alice-YUE11 分钟前
前端性能优化完全指南:从指标到实战
前端·学习·性能优化
Rkgua15 分钟前
实例成员和静态成员在对象中的用法
javascript
Momo__15 分钟前
Web Speech API 语音识别与合成详解
前端·javascript
曹牧17 分钟前
Java Web:DispatcherServlet
java·开发语言·前端
FlyWIHTSKY28 分钟前
在 **Element Plus 中,`el-aside` 关闭后**仍然占位置**,通常是因为 **它没有被销毁或宽度没有变为 0**。
前端·javascript·vue.js
AC赳赳老秦29 分钟前
网安工程师提效:用 OpenClaw 实现漏洞扫描报告生成、安全巡检自动化、日志合规审计
java·开发语言·前端·javascript·python·deepseek·openclaw
网络点点滴33 分钟前
NPM 和 package.json 文件简介
前端·npm·json