在使用Element UI的el-table组件时,如果设置了固定列(fix列),确实可能会遇到滚动条被遮挡的问题。这通常是由于固定列的样式与表格容器的样式冲突所导致的。以下是一些可能的解决方案: 1. 确认问题原因 首先,确认是否是由于fix列的设置导致了滚动条被遮挡。可以通过暂时移除fix属性来观察滚动条是否恢复正常显示。 2....
方法1、在el-table上手动添加滚动条 1、在el-table上方添加一个div,div的宽度和表格的宽度相同。 <div ref="topScroll" class="top-scroll"> <div class="top-scroll-content" :style="{ width: topScrollWidth }"></div> </div> <el-table ref="tableRef" :data="list" v-loading.body="listLoad...
1. 第一步 讲 浮动的table 事件 穿透 .el-table__fixed, .el-table__fixed-right { pointer-events: none; }/* 表格固定列-鼠标事件穿透 */ 2. 第二步 操作列 浮动后 按钮可点击 .el-table__fixed td, .el-table__fixed-right td, .el-table__fixed th, .el-table__fixed-right th { point...
场景设定：当表格列数过多时，添加固定列功能，将序号和名称列锁定在左侧，操作列锁定在右侧，此时会自动出现横向滚动条以供浏览非固定列信息。问题描述：然而，问题在于横向滚动条在固定列的下方位置无法使用。滚动条只能在非固定列部分下方操作，无法触及固定列区域。问题分析：这是由于固定列遮挡了下方的...
当我们使用element table,有时我们需要部分的列固定,我们就给列添加了 fxied属性,但是这时候你会发现table的横向滚动条很难拖动,查找原因你会发现原来是固定的列把滚动条给挡住了,只有超出固定的部分滚动条才可以拖动。 解决办法 法一: 做法:修改el-table__fixed样式。
原因： 研究下发现，是由于固定列把滚动条给遮住了，所以滚动不了。解决方法： 1.修改el-table__fixed样式 .el-table{ .el-table__fixed{ &#...
原因:研究下发现,是由于固定列把滚动条给遮住了,所以滚动不了。 解决方法: 1.修改el-table__fixed样式 .el-table{ .el-table__fixed{ height:auto!important; bottom:17px!important; } } 这种解决方法:就是设置bottom值,使得不盖住滚动条。缺点:不适用与含有合计的table,如果含有合计,合计也会上移。 2.修...
固定el-talbe列时,滚动条有遮挡如何解决? /* el-table固定时样式,不让滚动条被遮盖 */ .el-table .el-table__fixed { bottom: 15px !important; }
ElementUI中el-table设置指定列固定不动,不受滚动条影响,场景使用el-table显示人员信息时,如果要显示的人员信息列比较多,就会出现滚定条。如果希望前面指定的像工号abel="姓名"al...
el-table中的el-table-column提供了⼀个fixed属性设置固定列，但是设置了之后发现表格的滚动条⽆法拖动了，通过F12定位到页⾯元素发现是滚动条被固定列⽣成的元素给覆盖了，于是想办法通过修改样式的⽅式解决问题。<style lang="scss" scoped> .el-table { .el-table__fixed { // 左固定列 height: ...