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;

}
相关推荐
Hyyy39 分钟前
理解LLM的基本工作原理:预训练、微调、推理的区别
前端
Gatlin1 小时前
前端逆向与反逆向:一场猫鼠游戏的底层逻辑与实战
前端
代码煮茶1 小时前
React 组件封装方法论 —— 以 Todo App 为例
javascript·react.js
Pedantic1 小时前
本地通知(Local Notifications)学习笔记
前端
任沫1 小时前
Agent之Function Call
javascript·人工智能·go
森蓝情丶2 小时前
我给 AI 搭了个法庭:一个前端仔的 LangGraph 实战全记录
前端·后端
爱勇宝2 小时前
干了近 8 年,一夜之间被裁:AI 时代,程序员最该害怕的不是 AI
前端·后端·程序员
Pedantic2 小时前
Combine 框架学习笔记
前端
runnerdancer2 小时前
Agent如何加载执行Skill的脚本
前端·agent
yingyima3 小时前
VS Code 正则替换技巧:从凌晨3点的服务器报警开始
前端