随笔 - 142  文章 - 14  评论 - 0  阅读 - 70324

日常开发记录-el-table 固定列下横向滚动条无法拖动的问题解决方案

原因:层级问题,左侧固定列层级高,滚动条层级低,提升一下滚动条层级即可

注意要在全局样式中定义类 fixed-scrool-error 样式

.fixed-scroll-error {
  .el-table--scrollable-x .el-table__body-wrapper {
    z-index: 2;
  }
}

 运用:直接在有问题的表格最外层 标签中使用 fixed-scroll-error 即可

<template>
  <div class="fixed-scroll-error">
    <el-table>
    </el-table>
  </div>
</template>

 

posted on   法老的微笑  阅读(910)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
· 使用C#创建一个MCP客户端
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示