【VUE+ElementUI】el-table表格固定列el-table__fixed导致滚动条无法拖动

【VUE+ElementUI】el-table表格固定列el-table__fixed导致滚动条无法拖动

背景

当设置了几个固定列之后,表格无数据时,点击左侧滚动条却被遮挡,原因是el-table__fixed过高导致的

解决

在index.scss中直接加入以下代码即可

css 复制代码
/* 设置默认高度-滚动条高度 */
.el-table__fixed {
  height: calc(100% - 15px) !important;
}
/* 用于消除固定列下方的伪元素边框线 */
.el-table__fixed:before {
  height: 0px;
}
相关推荐
KnowWhere41 分钟前
Vue3 调试技巧:一键挂载组件实例到 Window(仅开发环境生效)
vue.js
A南方故人1 小时前
vue3常用指令以及注册
前端·javascript·vue.js
helloweilei1 小时前
Vue 3 中 <script setup>顶层 await与 <Suspense>的结合使用
vue.js
Aolith2 小时前
从0到1实现帖子上传图片:我是如何复用头像上传逻辑的
vue.js·图片资源
懂懂tty3 小时前
Vue3 手写响应式原理
前端·vue.js
zhulangfly3 小时前
# Spring Boot + MinIO + MySQL + Vue 实现视频管理与流式播放
vue.js·spring boot·mysql
就爱瞎逛4 小时前
解决Ant Design Vue 日期选择器中文不生效
前端·javascript·vue.js
知彼解己4 小时前
前端发布流程总结(Vue + Element 项目)
前端·javascript·vue.js
D_jing207 小时前
Vue 3 + Element Plus 重置el-drawer样式失效
前端·javascript·vue.js
__log7 小时前
Vue 3 与 React 18+ 核心技术深度对比:从源码到实战
前端·vue.js·react.js