【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;
}
相关推荐
bitbitDown39 分钟前
重构缓存时踩的坑:注释了三行没用的代码却导致白屏
前端·javascript·vue.js
Solon阿杰1 小时前
前端(react/vue)实现全景图片(360°)查看器
javascript·vue.js
前端程序猿i2 小时前
用本地代理 + ZIP 打包 + Excel 命名,优雅批量下载跨域 PDF
前端·javascript·vue.js·html
Danny_FD2 小时前
Vue2 中使用vue-markdown实现编辑器
前端·javascript·vue.js
前端赵哈哈2 小时前
Vue 3 + TypeScript 项目模板
前端·vue.js·vite
一只大黑洋2 小时前
Clipboard.js 复制内容
前端·javascript·vue.js
鹏多多2 小时前
vue混入mixins详解和生命周期影响
前端·javascript·vue.js
柯南95272 小时前
Vue 3 响应式系统核心:dep.ts 解析
vue.js
岁月宁静3 小时前
MCP 协议应用场景 —— Cursor 连接 Master Go AI
前端·vue.js·人工智能
前端小巷子4 小时前
Vue 3全面提速剖析
前端·vue.js·面试