【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;
}
相关推荐
《独白》28 分钟前
将图表和表格导出为PDF的功能
javascript·vue.js·ecmascript
艾克马斯奎普特1 小时前
Vue.js 3 渐进式实现之响应式系统——第三节:建立副作用函数与被操作字段之间的联系
javascript·vue.js
青青奇犽2 小时前
Vue 组件通信全解析:七种核心方式与最佳实践
前端·vue.js·面试
青青奇犽2 小时前
页面渲染优化:提升性能的关键策略🚀
前端·vue.js·面试
JustHappy2 小时前
「Versakit 0.3 重磅发布」 两个月开发成果全揭!
前端·javascript·vue.js
Lingxing2 小时前
Vue组件树:从设计到实现的全方位指南 🚀
前端·vue.js
Jenlybein2 小时前
Vue3 权限控制:利用动态路由与自定义指令
前端·vue.js
ElasticPDF-新国产PDF编辑器1 天前
Vue use pdf.js and Elasticpdf tutorial
vue.js·pdf
Billy Qin1 天前
Tree - Shaking
前端·javascript·vue.js
月明长歌1 天前
Vue + Axios + Mock.js 全链路实操:从封装到数据模拟的深度解析
前端·javascript·vue.js·elementui·es6