当前位置： 首页 > news >正文

【el-table】横向滚动条加粗后，滚动到固定列下被遮挡，已解决

news 来源：原创 2024/9/19 9:10:30

在这里插入图片描述
横向滚动条按要求加粗后，遇到的问题：列表的操作列是固定在最右侧的，当滚动条滑动到最右侧的时候，滚动条被遮挡了

我尝试了几种方法都不行，比如找到.el-table__fixed-right .el-table__fixed-footer-wrapper ，修改bottom的值，无效

解决方法：
首先，el-table设置了固定列之后，会有两套不同的列名
在这里插入图片描述

如截图所示，普通列body的高度是362px（含横向滚动条12px的高度）
在这里插入图片描述
在这里插入图片描述
而固定列body的高度是354px
在这里插入图片描述
看红色圈起来的部分，固定列的body高度其实超了，所以挡住了滚动条
在这里插入图片描述
固定列body的高度等于普通列body的高度 - 横向滚动条的高度
按示例的普通列高度362px - 横向滚动条的高度12px = 350px
所以固定列的body高度改为350px

/deep/ .el-table__fixed-body-wrapper{height: 350px !important;//el-table__body-wrapper高362  - 横向滚动条12 = 350
}

现在就不遮挡了
在这里插入图片描述

相关文章：

  • 北京网站建设多少钱？
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Windows EFI 启动分区修复指南（Windows误删了EFI分区）
  • Facebook与区块链的合作前景：社交平台的未来愿景
  • C# 委托 (delegate)
  • Unity 中创建动画的教程
  • MNN部署、集成
  • ZLMediaKit编译webrtc
  • ogg格式如何转换成MP3？这6个方法真心不错
  • 红酒与户外探险：探险途中的很好伴侣
  • Java使用MQTT协议
  • 哈希表 242.有效的字母异位词
  • 【leetcode图文详解】特殊数组II : 空间换时间的“记忆化”，越多越好吗？
  • 24暑假算法刷题 | Day30 | 贪心算法 IV | LeetCode 452. 用最少数量的箭引爆气球，435. 无重叠区间，763. 划分字母区间
  • 常用的麦克劳林级数展开式(泰勒展开式)
  • MapReduce 简单介绍
  • Vue3的多种组件通信方式
  • Android组件 - 收藏集 - 掘金
  • create-react-app做的留言板
  • ES6, React, Redux, Webpack写的一个爬 GitHub 的网页
  • Invalidate和postInvalidate的区别
  • MySQL Access denied for user 'root'@'localhost' 解决方法
  • Netty 4.1 源代码学习：线程模型
  • storm drpc实例
  • 利用阿里云 OSS 搭建私有 Docker 仓库
  • 免费小说阅读小程序
  • 漂亮刷新控件-iOS
  • 如何将自己的网站分享到QQ空间，微信，微博等等
  • 深入浅出webpack学习(1)--核心概念
  • 一份游戏开发学习路线
  • 3月27日云栖精选夜读 | 从 “城市大脑”实践，瞭望未来城市源起 ...
  • 没有任何编程基础可以直接学习python语言吗？学会后能够做什么？ ...
  • 智能情侣枕Pillow Talk，倾听彼此的心跳
  • ​LeetCode解法汇总2304. 网格中的最小路径代价
  • ​无人机石油管道巡检方案新亮点：灵活准确又高效
  • #pragma once
  • #微信小程序（布局、渲染层基础知识）
  • (70min)字节暑假实习二面（已挂）
  • （C语言）深入理解指针2之野指针与传值与传址与assert断言
  • （Java岗）秋招打卡！一本学历拿下美团、阿里、快手、米哈游offer
  • (PyTorch)TCN和RNN/LSTM/GRU结合实现时间序列预测
  • （二十六）Java 数据结构
  • （含react-draggable库以及相关BUG如何解决）固定在左上方某盒子内（如按钮）添加可拖动功能，使用react hook语法实现
  • （九）信息融合方式简介
  • （力扣题库）跳跃游戏II(c++)
  • （论文阅读11/100）Fast R-CNN
  • (四)库存超卖案例实战——优化redis分布式锁
  • (原創) 人會胖會瘦，都是自我要求的結果 (日記)
  • （转）http协议
  • （转）Scala的“=”符号简介
  • .NET CLR Hosting 简介
  • .net core 控制台应用程序读取配置文件app.config
  • .net Signalr 使用笔记
  • .NET 动态调用WebService + WSE + UsernameToken
  • .NET 中什么样的类是可使用 await 异步等待的？
  • .net(C#)中String.Format如何使用
  • .NET国产化改造探索（一）、VMware安装银河麒麟