【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;
}
相关推荐
乐闻x2 分钟前
Vue.js 性能优化指南:掌握 keep-alive 的使用技巧
前端·vue.js·性能优化
533_1 小时前
[vue] 深拷贝 lodash cloneDeep
前端·javascript·vue.js
ZBY520312 小时前
【Vue】 npm install amap-js-api-loader指南
javascript·vue.js·npm
计算机毕设指导62 小时前
基于 SpringBoot 的作业管理系统【附源码】
java·vue.js·spring boot·后端·mysql·spring·intellij-idea
木子02044 小时前
前端VUE项目启动方式
前端·javascript·vue.js
运维-大白同学4 小时前
将django+vue项目发布部署到服务器
服务器·vue.js·django
星星会笑滴6 小时前
vue+node+Express+xlsx+emements-plus实现导入excel,并且将数据保存到数据库
vue.js·excel·express
Backstroke fish6 小时前
Token刷新机制
前端·javascript·vue.js·typescript·vue
临枫5416 小时前
Nuxt3封装网络请求 useFetch & $fetch
前端·javascript·vue.js·typescript
RAY_CHEN.6 小时前
vue3 pinia 中actions修改状态不生效
vue.js·typescript·npm