el-table组件固定列处，X轴滚动条无法拖动

最新推荐文章于 2024-10-31 11:11:23 发布
最新推荐文章于 2024-10-31 11:11:23 发布
阅读量438 收藏 1
点赞数 3
文章标签： vue.js elementui 前端
本文介绍了在ElementUI的el-table中，当对某些列进行固定后，横向滚动条会卡在固定列位置的问题。通过在表格所在页添加特定CSS样式（如.z-index:1;），可以解决这个问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

ElementUI el-table 固定列之后，横向滚动条在固定列的位置上无法滚动的问题
在这里插入图片描述
在这里插入图片描述
在表格所在页加入样式即可
代码如下：
/deep/.el-table–scrollable-x .el-table__body-wrapper {
z-index: 1;
}

海绵宝龙
关注
Vue3 - 解决 iView 表格组件 Table 滚动条无法拖动问题，表格固定列时滚动条失效导致拖拽没反应，把表格的某列固定后横向或纵向滚动条无法滚动的问题处理（有合计行或固定时导致失效无法拖曳）
资深程序员
07-14 3221
vue3，iview，表格组件，table，滚动条，无法拖曳，拖动，无效，不生效，没反应，无法滚动，鼠标拖住不动，设置固定列，横向滚动条在固定列的位置上无法滚动的问题，vue3iview表格固定后滚动条无法拖动，解决iview带合计行表格固定列后滚动条无法拖拽的问题，table固定列后,进度条无法拖拽iview固定列导致滚动条失效，也不报错，样式，无法覆盖，deep，iviewtable组件当固定高度后，fixed某一列会出现盖住滚动条的情况，滚动条始终位于可视区域的实现，详细解决方案，如何解决这个问题
element表格el-table组件实现虚拟滚动，解决数据量大渲染DOM过多而卡顿问题
热门推荐
D浩DzD的博客
09-30 1万+
element表格el-table组件实现虚拟滚动，解决数据量大渲染DOM过多而卡顿问题
el-table固定列后，由于滚动条的原因，固定列和非固定列错位原因
weixin_43493113的博客
08-19 391
el-table固定列（fixed）出现滚动条，使固定列与非固定列不同行，并且固定列遮盖滚动条，无法正常拖动滚动条
ElementUI＜el-table＞＜/el-table＞表格中固定列横向滚动条无法拖动解决
qq_53911056的博客
10-31 2682
当表格有固定列会出现横向滚动条无法拖动问题，尤其是固定列固定在左边且表格没数据的时候。这可能是因为固定区域盖住了横向滚动条，不是视觉上的覆盖，是去拖动时没有触发效果。
el-table表设置固定列后，滚动条无法选中左右滑动
Zxl_sir的博客
08-19 1129
再给一个el-table表格设置左侧几个固定列后，发现横向滚动条在固定列下方的位置无法拖动，只有在非固定列的下方位置才可以拖动，这个问题在windows上用鼠标难以点击滑动，我在mac上由于使用触摸板滑动较多基本不会出现这个问题。问题出现原因：固定列将下方的滚动条盖住了，无法点击到滚动条触发滚动。初步解决方法：改变固定列高度，使滚动条暴露出来。
el-table设置列fixed时X轴滚动条无法拖动问题
qq_44741577的博客
02-24 1004
属性，让列可以固定，不随着滚动条滚动移动，结果发现设置后，拖动横向的滚动条的前半部分无法拖动。后来发现原因是设置了。组件时，给表格的某些列设置了。属性用来控制一个元素。
el-table实现固定列，及解决固定列导致部分滚动条无法拖动的问题
askuld的博客
07-05 2905
当数据量动态变化时，可以为 Table 设置一个最大高度。通过设置max-height属性为 Table 指定最大高度。此时若表格所需的高度大于最大高度，则会显示一个滚动条。fixed属性：列是否固定在左侧或者右侧，true 表示固定在左侧；可选值：true, left, right。
el-table 表格的横向滚动条不可滑动 el-form 无法聚焦
pbgx的博客
02-20 697
现象: 表格有横向滚动条。
ElementUI el-table 固定列之后，横向滚动条在固定列的位置上无法滚动的问题
m0_60913515的博客
01-03 1492
【代码】ElementUI el-table 固定列之后，横向滚动条在固定列的位置上无法滚动的问题。
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
10-16
同时，为了隐藏水平滚动条，设置`overflow-x: hidden`。 ```css table tbody { display: block; height: 495px; overflow-y: auto; overflow-x: hidden; } ``` - **表头样式**：为了让表头固定，需要对`...
使用el-table不能滚动
01-07
当 `el-table` 的列设置了 `fixed` 属性之后，X 轴滚动条可能会出现无法正常拖动的情况。针对这一问题，可以通过自定义 CSS 样式来修复此行为： ```css .el-table__fixed, .el-table__fixed-right { pointer-...
el-table固定列之后滚动条无法拖动
qq_34263566的博客
04-07 1489
使用el-table的fixed属性固定表格列的时候滚动条被固定列覆盖部分无法拖动
element中el-table单元格x轴出现却不滚动的原因
wsdnnnnnnnnn的博客
07-16 380
vue2配套的element不能使用<el-scrollBar></el-scrollBar>标签，vue3可以，所以只能使用overflow-x，但是设置了overflow-x：scroll之后，x轴出现，但是没有发生滚动的情况，下面是我的解决方案。写项目遇到一个需求就是一个单元格内会放入多张图片，需要让x轴滚动方便查看一定宽高的图片。
el-table锁定列后部分位置横向滚动条无法拖动问题
kelongren99的博客
08-22 255
修改el-table__body-wrapper样式的层级。
elementui中的el-table，当使用fixed属性时，table主体会遮挡住滚动条的大半部分，导致很难选中。
RumbleWx的博客
12-19 1359
table加个类，这里取为class="table"
element-ui 表格滚动栏 无效 失效 element-table 滚动栏失效 element表格滚动栏失效 解决 element -表格 滚动栏 不见失效 解决 表格滚动栏失效
半只
07-19 7261
滚动栏只有细细的一条线，根本看不见， 这个问题不知道是怎么出现的，有帖子说是因为固定列造成的， 有帖子说是 列文字溢出造成的。插件，因为这个插件套的就是 element-table组件，不需要额外代码，原装使用。可是这些问题我都没有出现，一开始项目是有滚动栏的，不知道从什么时候开始就变没了。不然 当前页面样式无法穿透到 element表格源css。我使用的比较多的就是。
el-table下滚动条无法滚动问题
huakaiwuxing的博客
10-13 544
element--el-table添加合计后固定列x轴滚动条无法滚动问题
m0_50207524的博客
06-16 870
改变固定列滚轮高度问题。
关于el-table-v2无法在触摸屏上进行滚动的问题
weixin_46096462的博客
04-10 1466
实现在触摸屏设备上对el-table-v2进行滚动
el-table fixed固定列纵向滚动条和表格错位
最新发布
02-06
对于 `el-table` 组件中的固定列和纵向滚动条组合使用时可能出现的表头错位现象，可以通过调整 CSS 和 JavaScript 来解决问题。 #### 方法一：CSS 方案 通过修改 `.el-table--scrollable-y .el-table__body-wrapper...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值