解决elementui table固定列的时候，滚动条被遮挡无法拖动的问题，有效

最新推荐文章于 2025-03-10 09:31:42 发布
最新推荐文章于 2025-03-10 09:31:42 发布
阅读量2.4k 收藏 3
点赞数 1
分类专栏： element-ui 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42120767/article/details/113334326
版权

当我们使用element table，有时我们需要部分的列固定，我们就给列添加了 fxied属性，但是这时候你会发现table的横向滚动条很难拖动，查找原因你会发现原来是固定的列把滚动条给挡住了，只有超出固定的部分滚动条才可以拖动。

解决办法：http://www.chenqichun.com/articleDetails/615137be9e58dfeb349beca0

Vue3 - 解决 iView 表格组件 Table 滚动条无法拖动问题，表格固定列时滚动条失效导致拖拽没反应，把表格的某列固定后横向或纵向滚动条无法滚动的问题处理（有合计行或固定时导致失效无法拖曳）
王二红
07-14 3131
vue3，iview，表格组件，table，滚动条，无法拖曳，拖动，无效，不生效，没反应，无法滚动，鼠标拖住不动，设置固定列，横向滚动条在固定列的位置上无法滚动的问题，vue3iview表格固定后滚动条无法拖动，解决iview带合计行表格固定列后滚动条无法拖拽的问题，table固定列后,进度条无法拖拽iview固定列导致滚动条失效，也不报错，样式，无法覆盖，deep，iviewtable组件当固定高度后，fixed某一列会出现盖住滚动条的情况，滚动条始终位于可视区域的实现，详细解决方案，如何解决这个问题
解决 | iview低版本实现表格拖拽，滚动条列宽计算问题
aningde的博客
02-18 1027
文 / 景朝霞 来源公号 / 朝霞的光影笔记 ID / zhaoxiajingjing 如果大佬觉得我的方案太low，请打脸轻一点~ 如果大佬有更好的方案，请不吝赐教~ 0 / 需求 "iview": "2.13.0"由于一些原因，版本并没有升级【os：不要问我什么原因~】。 项目中表格实现的功能： 普通表格 固定列 自定义选择展示列 合并行 合并列 合并表头 由于列数较多，用户想要自...
threadlocal使用场景_从源码角度来剖析ThreadLocal到底有没有内存泄漏？
weixin_39633252的博客
12-04 135
1. 前言ThreadLocal 也是一个使用频率较高的类，在框架中也经常见到，比如 Spring。有关 ThreadLocal 源码分析的文章不少，其中有个问题常被提及：ThreadLocal 是否存在内存泄漏？不少文章对此讲述比较模糊，经常让人看完脑子还是一头雾水，我也有此困惑。因此找时间跟小伙伴讨论了一番，总算对这个问题有了一定的理解，这里记录和分享一下，希望对有同样困惑的朋友们有所帮助。当...
【el-table】横向滚动条加粗后，滚动到固定列下被遮挡
最新发布
qq_40576344的博客
03-10 303
滚动条高度多少，则减去多少，比如滚动条10px，则如下代码。
element tabel 固定列 与有合计行时 滚动条无法滚动问题
weixin_52569420的博客
02-23 891
BUG 产生原因 el-taleb 出现固定列并且有合计功能且宽度出现滚动条时 发现横向滚动条失效 且失效的只有固定列位置的 未固定部分还是可以滚动的。出现问题的原因应该是 element 在处理固定的列时 会生成新的table 而新的table 会覆盖原有table 导致滚动条点不上。
element UI 表格组件＜el-table＞不显示纵向滚动轴(Y轴)，滑动操作失效
gzs9527的博客
08-16 3282
element UI 表格组件不显示纵向滚动轴(Y轴) 原因 一种可能是，你使用了 el-table-column 的 fixed 属性。全部删除该属性后，可以显示纵向滚动轴 element UI 表格组件无法滑动操作（指触屏的滑动操作）（鼠标滚动操作依然有效） 原因 同样是使用了 el-table-column 的 fixed 属性导致。只有未配置该属性的列，才能触发滑动操作 说明 （深层原因未探究） ...
解决 Element表格固定列时，滚动条被遮挡的问题
yupyuping的博客
05-24 2562
// 解决滚动条被遮挡的问题 // ------------------ start ------------ // /deep/ .el-table { .el-table__fixed { height: auto !important; // 此处的important表示优先于element.style bottom: 13px; // 改为自动高度后，设置与父容器的底部距离，则高度会动态改变 } } /deep/ .el-table__body-wrapper { z-.
QT表格固定第一列，拖动时第一列不会遮挡
04-02
在实际编码过程中，你可能还需要处理一些边缘情况，例如，确保在表格内容不足以填充整个窗口时，仍然保持第一列固定。这可能需要对表格的几何属性进行额外的检查。 标签“QT 表格固定列”进一步强调了这个主题，...
CSS实现导航固定的、左右滑动的滚动条制作方法
11-20
由于导航栏被固定，可能会遮挡住下方的内容，因此需要将下面的内容（例如列表）下移以避免被遮挡。可以通过给主体内容区域添加CSS样式来实现： ```css .list { margin-top: 60px; /* 导航栏高度 */ } ``` 导航栏...
element ui 固定列横向滚动条
01-23
对于Element UI中的表格组件，在设置固定列之后可能会遇到横向滚动条无法正常拖动的情况。这一现象主要是由于固定区域遮挡了横向滚动条，使得用户尝试拖动时未能触发相应的交互事件[^1]。 针对此问题的一种有效解决...
el-table设置列固定fixed后，滚动条无法拖动
爬楼梯的前端小白的博客
07-12 1037
但是使用fixed后导致fixed列下面的滚动条无法拖动，因为列固定列覆盖了滚动条，导致无效。el-table设置列固定，使用fixed。
element el-table加入固定列时 滚动条无法移动 失效的情况
weixin_44492275的博客
08-27 1780
其原因是因为固定的列的高度过高 覆盖了滚动条 导致 点击到的元素并不是滚动条 这个是我们只需要修改一下 固定列的高度让他把滚动条漏出来就行 // 我这里用的是stylus(类似于less的css预处理语言) 通过计算出来的正常高度 再减去一点就能漏出来了 >>> .el-table__fixed { height: calc(100% - 18px) !important; } ...
ElementUI表格合计项固定列 滚动条不可滑动
weixin_45932157的博客
02-11 513
【代码】ElementUI表格合计项固定列 滚动条不可滑动。
使用elementUi表格固定列时，滚动条拖不动
菜鸡互啄的博客
03-15 2389
在使用elementUI中的表格组件时，因项目需求，需要使前三列固定，后面的列了可以滚动，所以使用了官网中的fixed属性，但使用后出现了问题，就是前三列宽度的滚动条无法拖动了,实际上是前三列把滚动条遮挡住了，记录在此： .el-table__body-wrapper{ z-index: 2 } 在<el - table></el - table>标签上添加此样式class即可解决，也许有些微的瑕疵，但能解决问题，无伤大雅。 ...
element-ui的table组件，给某些列设置了fixed属性后，滚动条无法拖动
吴冬雪的博客
12-08 5138
问题描述 在使用ele-ui的table组件时，给前四列设置了fixed属性，让前四列可以固定，不随着滚动条滚动移动，结果发现设置后，拖动横向的滚动条的前半部分无法拖动。 后来发现原因是设置了fixed属性的列把滚动条覆盖了，一般是看不到，但是把页面缩小就发现了，如下图： 解决方法： .el-table__fixed { height:auto !important; // 让固定列的高自适应，且设置!important覆盖ele-ui的默认样式 bottom:17px; // 固定列默认
解决当使用element table fix column 固定列时，滚动条在固定列下方无法滚动
yangshuolll的专栏
10-27 1971
解决当使用element table fix column 固定列时，滚动条在固定列下方无法滚动 在全局css中添加这行代码，提高滚动条在z轴的坐标 .el-table--scrollable-x .el-table__body-wrapper { z-index : 1; } 下附参考文章链接： 参考文章 ...
uniapp-小程序上下滚动失效解决办法
艺术就是爆炸!
04-20 2390
uniapp-小程序上下滚动失效解决办法
el-scrollbar水平滚动条不出现
qq_42372534的博客
06-24 1161
问题描述:在对照vue-admin-elementd的源码使用el-scrollbar时,在水平滚动条上出现如下的问题: 由于el-scrollbar的子元素宽度是动态变化的,所以在页面初始化后再去增加tag标签页的个数造成宽度超过容器,但是此时水平滚动条没有出现,查看文档结构,发现此时的.el-scrollbar__thumb为宽度为0查阅源码得知 于是在点击菜单时,tag发生变化时调用el-scrollbar的update方法即可...
JAVA中table固定列不动_Element table设置固定列，没有滚动条时底部会显示一条线的解决方法...
weixin_28778005的博客
02-28 465
固定列需要在el-table-column 上设置fixed属性，它接受Boolean值或者left right,表示左边固定还是右边固定:data="tableData"borderstyle="width: 100%">fixedprop="date"label="日期"width="150">prop="name"label="姓名"width="120">prop="z...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值