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;

}
相关推荐
brzhang7 分钟前
Flutter 调用原生代码,看这篇就够了:从零教你搭起通信的桥
前端·后端·架构
程序员小张丶7 分钟前
React Native在HarmonyOS 5.0阅读类应用开发中的实践
javascript·react native·react.js·阅读·harmonyos5.0
EndingCoder7 分钟前
React Native 是什么?为什么学它?
javascript·react native·react.js
袁煦丞8 分钟前
知识管理的六边形战士Trilium Notes:cpolar内网穿透实验室第520个成功挑战
前端·程序员·远程工作
失败又激情的man17 分钟前
python爬虫之数据存储
前端·数据库·python
互联网搬砖老肖17 分钟前
Web 架构之 API 安全防护:防刷、防爬、防泄漏
前端·安全·架构
摸鱼仙人~28 分钟前
Redux Toolkit 快速入门指南:createSlice、configureStore、useSelector、useDispatch 全面解析
开发语言·javascript·ecmascript
小声读源码1 小时前
【技巧】dify前端源代码修改第一弹-增加tab页
前端·pnpm·next.js·dify
假客套1 小时前
2025 后端自学UNIAPP【项目实战:旅游项目】7、景点详情页面【完结】
前端·uni-app·旅游
程序员小张丶1 小时前
基于React Native开发HarmonyOS 5.0主题应用技术方案
javascript·react native·react.js·主题·harmonyos5.0