当前位置: 首页 > article >正文

【记录52】el-table-column 添加fixed属性 滚动条无法滑动

问题: el-table-column 添加fixed属性 滚动条无法滑动

使用element UI组件,用到el-table的el-table-column的fixed属性时,当滚动条长度小于固定列时,滚动条无法通过鼠标去点击滑动操作

原因

fixed是用来固定列的属性,其的展现层级会高于滚动条的层级,因此会导致该问题,但使用z-index层级是无法起到效果的

解决方案

<style>
/* 设置默认高度-滚动条高度 */
.el-table__fixed {
  height: calc(100% - 15px) !important;
}
/* 用于消除固定列下方的伪元素边框线 */
.el-table__fixed:before {
  height: 0px;
}
</style>

解决过程

查找了很多资料,有的方法是可行的,有的不可行,可行的有的样式太多了,该方法用极短的样式就可以解决,笔者亲测有效


http://www.kler.cn/a/508675.html

相关文章:

  • DPIN与CESS Network达成全球战略合作,推动DePIN与AI领域创新突破
  • 计算机网络 (47)应用进程跨越网络的通信
  • 在.NET用C#将Word文档转换为HTML格式
  • Chrome谷歌浏览器如何能恢复到之前的旧版本
  • 【漏洞预警】FortiOS 和 FortiProxy 身份认证绕过漏洞(CVE-2024-55591)
  • Json转换类型报错问题:java.lang.Integer cannot be cast to java.math.BigDecimal
  • Sa-token SSO单点登录前后端分离基于vue的实现
  • ffmpeg视频总帧数获取,取某一帧的图像方法
  • 学英语学技术:Elasticsearch 线程池
  • LLVM - 编译器前端 - 理解BNF(巴科斯-诺尔范式)
  • [ZJCTF 2019]NiZhuanSiWei 1
  • R语言的文件操作
  • 一分钟学习数据安全——数据安全的核心概念CIA以及安当解决方案
  • 做跨境电商服务器用什么宽带好?
  • 学习笔记081——如何备份服务器中MySQL数据库数据?
  • 【RK3588嵌入式图形编程】-SDL2-创建应用窗口
  • 微信小程序-base64加解密
  • Java(面向对象进阶——抽象类)
  • 机器学习与深度学习在气象中的应用
  • MongoDB单机版安装
  • 前后端分离与前后端不分离:深度解析**
  • 【AI插件】在VS Code中免费使用GitHub Copilot
  • vue3.0如何快速封装自定义指令!
  • 华为服务器(iBMC)监控指标解读
  • GDC杂感:怎么提高游戏销量?
  • Leetcode 983. 最低票价 动态规划