【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;
}
相关推荐
YuShiYue14 分钟前
pnpm monoreop 打包时 node_modules 内部包 typescript 不能推导出类型报错
javascript·vue.js·typescript·pnpm
一个专注写代码的程序媛34 分钟前
为什么vue的key值,不用index?
前端·javascript·vue.js
vvilkim42 分钟前
React 与 Vue:两大前端框架的深度对比
vue.js·react.js·前端框架
장숙혜1 小时前
ElementUi的Dropdown下拉菜单的详细介绍及使用
前端·javascript·vue.js
BillKu1 小时前
Vue3父子组件数据双向同步实现方法
前端·javascript·vue.js
猿究院_xyz2 小时前
跟着尚硅谷学vue-day5
前端·javascript·vue.js·前端框架·html
醋醋2 小时前
vue2源码记录4
前端·vue.js
前端大白话3 小时前
震惊!90%前端工程师都踩过的坑!computed属性vs methods到底该怎么选?一文揭秘高效开发密码
前端·vue.js·设计模式
HuaHua的世界3 小时前
说说Vue 模板是如何编译的?
vue.js·面试
Jet_closer_burning3 小时前
axios封装
前端·javascript·vue.js·react.js·ajax