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;

}
相关推荐
CF14年老兵2 分钟前
「Vue 3 + View Transition 实现炫酷圆形缩放换肤动画」
前端·css·trae
Warren986 分钟前
软件测试-Selenium学习笔记
java·javascript·笔记·学习·selenium·测试工具·安全
小璞18 分钟前
05_CursorRules_代码审查篇_Rule_code-review
前端
前端小书童19 分钟前
前端开发中的css:「ink → Bootstrap → 预处理器 → Tailwind → UnoCSS」
前端·css
萌萌哒草头将军21 分钟前
有了它 ,我彻底告别了 try-finally 🔥🔥🔥
前端·javascript·vue.js
冬至z21 分钟前
Vue 2 项目中快速集成 Jest 单元测试(超详细教程)
前端·单元测试
小璞21 分钟前
03_CursorRules_UI还原篇_Rule_ui-restoration
前端
小璞23 分钟前
01_CursorRules_需求理解篇_Rule_requirement-understanding
前端
老虎062736 分钟前
JavaWeb前端02(JavaScript)
开发语言·前端·javascript