【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;
}
相关推荐
神仙别闹2 小时前
基于NodeJS+Vue+MySQL实现一个在线编程笔试平台
前端·vue.js·mysql
北寻北爱5 小时前
vue2和vue3使用less和scss
前端·less·scss
雨雨雨雨雨别下啦6 小时前
Vue案例——面经
前端·javascript·vue.js
myNameGL6 小时前
ArkTs核心语法
前端·javascript·vue.js
简单不容易7 小时前
vue一次解决监听H5软键盘弹出和收起的兼容问题
javascript·vue.js
滕青山7 小时前
在线图片压缩工具核心JS实现
前端·javascript·vue.js
代码煮茶7 小时前
Pinia 状态管理实战 | 从 0 到 1 搭建 Vue3 项目状态层(附模块化 / 持久化)
前端·vue.js
angerdream7 小时前
https://editor.csdn.net/md/?articleId=159120195
javascript·vue.js
WayneX7 小时前
Vue 3 + TypeScript + Vite 组件库搭建,自助式生成相应组件文档
前端·javascript·vue.js
吃西瓜的年年8 小时前
前端面试题(vue)
前端·javascript·vue.js