【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;
}
相关推荐
小夏卷编程6 小时前
ant-design-vue 1.x版本自定义可拖拽弹框
前端·javascript·vue.js
VX:Fegn08957 小时前
计算机毕业设计|基于springboot + vue图书管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
sanshizhang8 小时前
若依框架,分页如何实现自定义每页记录数量
javascript·vue.js
专注前端30年8 小时前
Vue3 watchEffect详解:核心用法与原理剖析
前端·javascript·vue.js
hwt10703598988 小时前
Vue项目,解决Node依赖错误问题
前端·javascript·vue.js
vx_bisheyuange8 小时前
基于SpringBoot的房屋交易平台
前端·javascript·vue.js·毕业设计
无声201711 小时前
Turborepo 的 Docker 化实战
前端·vue.js
+VX:Fegn089512 小时前
计算机毕业设计|基于springboot + vue在线教育学习系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·学习·课程设计
luckyCover14 小时前
Vue源码分析 - 从入口到构造函数的整体流程
前端·vue.js
北辰alk14 小时前
Vue 父子组件双向绑定的终极指南:告别数据同步烦恼!
vue.js