elementUI table固定列底部滚动轴无法拖动问题

原创 已于 2024-07-25 14:04:17 修改 · 725 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#elementui #vue.js #前端

于 2021-01-13 17:10:18 首次发布
博客介绍了ElementUI样式残缺的解决方法，将.el-table__fixed-footer-wrapper原本的z-index: 3改为0即可修复样式问题，涉及前端开发技术。

在这里插入图片描述
解决方法：

<style scoped lang="scss">
   /deep/.el-table--scrollable-x .el-table__body-wrapper {
       z-index : 1;
   } 
</style>

补充：
在这里插入图片描述
样式残缺修复， 这里原本是z-index: 3 改为0 即可 （.el-table__fixed-footer-wrapper）

在这里插入图片描述

在这里插入图片描述

Vue3 - 解决 iView 表格组件 Table 滚动条无法拖动问题，表格固定列时滚动条失效导致拖拽没反应，把表格的某列固定后横向或纵向滚动条无法滚动的问题处理（有合计行或固定时导致失效无法拖曳）
🏆 前端领域优质创作者
07-14 3405
vue3，iview，表格组件，table，滚动条，无法拖曳，拖动，无效，不生效，没反应，无法滚动，鼠标拖住不动，设置固定列，横向滚动条在固定列的位置上无法滚动的问题，vue3iview表格固定后滚动条无法拖动，解决iview带合计行表格固定列后滚动条无法拖拽的问题，table固定列后,进度条无法拖拽iview固定列导致滚动条失效，也不报错，样式，无法覆盖，deep，iviewtable组件当固定高度后，fixed某一列会出现盖住滚动条的情况，滚动条始终位于可视区域的实现，详细解决方案，如何解决这个问题
el-table 合计放顶部 以及放下面滚动条以上 以及各项样式修改
Abcdefg1030的博客
10-24 1860
el-table合计行位置以及样式修改
elementUI el-table设定fixed后，边框拖动不展示问题解决，（要开始ma人啦）
xingyu_qie的专栏
10-09 3160
今天遇到了一个elementui的表格el-table，右侧“操作”一列设定fixed后，当拖动的过程中，前一列边框偶发不展示的问题。说实话，解决的很费劲，原本以为1个小时搞定，磨磨蹭蹭，搞了3个小时。
elementUI table表格组件最右列被遮挡不出现滚动条
weixin_42050406的博客
01-29 370
在table上加个样式：el-table–scrollable-x。不知道为什么明明设置了列宽，却没有出现滚动条。有时候会出现这个问题，应该是组件bug。
ElementUI＜el-table＞＜/el-table＞表格中固定列横向滚动条无法拖动解决
qq_53911056的博客
10-31 3118
当表格有固定列会出现横向滚动条无法拖动问题，尤其是固定列固定在左边且表格没数据的时候。这可能是因为固定区域盖住了横向滚动条，不是视觉上的覆盖，是去拖动时没有触发效果。
el-table设置列fixed时X轴滚动条无法拖动问题
qq_44741577的博客
02-24 1142
属性，让列可以固定，不随着滚动条滚动移动，结果发现设置后，拖动横向的滚动条的前半部分无法拖动。后来发现原因是设置了。组件时，给表格的某些列设置了。属性用来控制一个元素。
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
11-20
本文将详细解析如何解决“切换Tab后，el_table的固定列下方多了一条线”的问题，以及如何处理ElementUI Table组件在屏幕尺寸临界时固定列显示不全的常见问题。 首先，让我们深入理解这个问题的现象。当用户在应用中...
elementui table列的拖拽功能
11-08
ElementUI 是一个基于 Vue.js 的开源 UI 组件库，提供了丰富的界面组件，其中包括表格（Table）组件。在实际开发中，我们经常需要实现表格列的拖拽功能，以方便用户根据需求自定义列的顺序。这个压缩包文件提供的...
vue elementUI table表格数据 滚动懒加载的实现方法
10-17
ElementUI 的 `el-table` 提供了多种功能，如排序、筛选、行/列固定等。在大量数据场景下，我们需要关注其性能优化特性，如虚拟滚动（Virtual Scroll）。 3. **滚动事件监听**： 实现滚动懒加载的关键是监听表格...
element中的table固定左侧列之后，底部滚动轴不能滚动到最左侧
weixin_44632257的博客
10-27 588
添加css样式： .el-table--scrollable-x .el-table__body-wrapper { z-index : 1; }
【VUE+ElementUI】el-table表格固定列el-table__fixed导致滚动条无法拖动
sunshineTing2的博客
04-03 2586
当设置了几个固定列之后，点击左侧滚动条却被遮挡
elementui中的el-table，当使用fixed属性时，table主体会遮挡住滚动条的大半部分，导致很难选中。
RumbleWx的博客
12-19 1440
table加个类，这里取为class="table"
解决 el-table 固定列 el-table__fixed 导致部分滚动条无法拖动的问题
Khada_Finger的博客
09-18 4328
关于 el-table 固定列无法拖动问题及解决方案。
关于elementUi table 添加固定列 横向滚动条不能拖成问题
qq_36702286的博客
08-22 311
发现果然是层级覆盖问题。
el-table左侧固定操作列下滚动条不能滚动问题
m0_52769924的博客
04-08 623
出现原因：固定列层级覆盖问题。
el-table设置前置fixed列后，该固定区域滚动条拖不动问题
最新发布
weixin_63896561的博客
11-05 443
【代码】el-table设置前置fixed列后，该固定区域滚动条拖不动问题。
解决当使用element table fix column 固定列时，滚动条在固定列下方无法滚动
yangshuolll的专栏
10-27 1994
解决当使用element table fix column 固定列时，滚动条在固定列下方无法滚动 在全局css中添加这行代码，提高滚动条在z轴的坐标 .el-table--scrollable-x .el-table__body-wrapper { z-index : 1; } 下附参考文章链接： 参考文章 ...
element-ui的table组件，给某些列设置了fixed属性后，滚动条无法拖动
棠樾的博客
07-24 449
问题：在使用element-ui的table组件时，给表格的某些列设置了fixed属性，让列可以固定，不随着滚动条滚动移动，结果发现设置后，拖动横向的滚动条的前半部分无法拖动。后来发现原因是设置了fixed属性的列(左侧的div)把滚动条覆盖了。 解决办法： .el-table__fixed { height:auto !important; // 让固定列的高自适应，且设置!impo...
el-table底部滚动条无法拖动问题解决
weixin_45677200的博客
02-16 2460
el-table中的el-table-column提供了一个fixed属性设置固定列，但是设置了之后发现表格的滚动条无法拖动了，通过F12定位到页面元素发现是滚动条被固定列生成的元素给覆盖了。 <style lang="scss" scoped> .el-table { .el-table__fixed { // 左固定列 height: auto !important; bottom: 18px; // 改为自动高度后，设置与父容器的底部距离，高度会动态改变
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值