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;

}
相关推荐
知识分享小能手14 小时前
uni-app 入门学习教程,从入门到精通,uni-app基础扩展 —— 详细知识点与案例(3)
vue.js·学习·ui·微信小程序·小程序·uni-app·编程
demi_meng15 小时前
reactNative 遇到的问题记录
javascript·react native·react.js
MC丶科15 小时前
【SpringBoot 快速上手实战系列】5 分钟用 Spring Boot 搭建一个用户管理系统(含前后端分离)!新手也能一次跑通!
java·vue.js·spring boot·后端
千码君201615 小时前
React Native:从react的解构看编程众多语言中的解构
java·javascript·python·react native·react.js·解包·解构
lijun_xiao200917 小时前
前端最新Vue2+Vue3基础入门到实战项目全套教程
前端
90后的晨仔17 小时前
Pinia 状态管理原理与实战全解析
前端·vue.js
杰克尼17 小时前
JavaWeb_p165部门管理
java·开发语言·前端
EndingCoder17 小时前
WebSocket实时通信:Socket.io
服务器·javascript·网络·websocket·网络协议·node.js
90后的晨仔18 小时前
Vue3 状态管理完全指南:从响应式 API 到 Pinia
前端·vue.js
90后的晨仔18 小时前
Vue 内置组件全解析:提升开发效率的五大神器
前端·vue.js