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;

}
相关推荐
皮卡祺q26 分钟前
【算法-0】背包问题(三维+二维)
java·javascript·算法
前端爆冲29 分钟前
基于SSE实现AI聊天场景的流式输出
前端·ai编程
Bigger29 分钟前
mini-cc 技术栈:跟着 Claude Code 先选 TypeScript + React + Ink
前端·ai编程·claude
whuhewei40 分钟前
手写Promise
开发语言·javascript·ecmascript
vortex543 分钟前
XSS 漏洞深度挖掘与利用:从自动化扫描到账户接管
前端·自动化·xss
光影少年1 小时前
前端浏览器自动化
运维·前端·前端框架·自动化
弹简特1 小时前
【Vue3速成】04-vue3官方库-路由机制
前端·vue·路由
川冰ICE1 小时前
JavaScript入门⑤|数组方法全攻略,map/filter/reduce三剑客
开发语言·javascript·ecmascript
threelab1 小时前
Three.js 抽象艺术着色器效果 | 三维可视化 / AI 提示词
前端·javascript·人工智能·3d·着色器
008爬虫实战录1 小时前
【码上爬】 题十八:模拟大厂加密算法, 堆栈分析找加密点,扣自执行函数,jsdom补环境
开发语言·javascript·ecmascript