结论 通常情况下,如果el-table滚动条总是显示,最直接的原因是:scrollbar-always-on="true"属性的设置。确保这一点,并检查相关的CSS样式,应该可以解决您的问题。如果问题依旧存在,可能需要进一步检查HTML结构和JavaScript代码,看是否有其他因素在影响滚动条的显示。
scrollTop // 容器向上滚动的距离 let bottom=tabOffsetTop+tabHeight-appScrollTop-appHeight; if(bottom>0&&tabWidth>tabWinWidth){ //底部大于0并且table的宽度大于el-table视口的宽度-->显示滚动条,并隐藏自己的滚动条 let scrollBarEle=null let childEle=null tabEle.classList.add("hide-scrollBar") //...
element ui的el-table组件,横向内容多,出现了横向滚动条,可是只有在页面翻到最下面的时候才能看到这个滚动条 如何使横向滚动条在该情况下始终显示? solution: .el-table{position: absolute;min-width:1300px;overflow: auto; } 然后,.el-table的父级 position: relative;overflow: auto; 至此,问题解决...
方法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.这里涉及到两个Dom元素,类名分别为el-table__body-wrapper、el-table__body通过观察发现横向滚动条在于el-table__body-wrapper上,el-table__body则是实际的列表内容,当el-table__body宽度超出el-table__body-wrapper时就会出现横向滚动条。 2.因此只需要动态的修改el-table__body-wrapper的height即可实现想要...
ElementUI中el-table设置指定列固定不动,不受滚动条影响,场景使用el-table显示人员信息时,如果要显示的人员信息列比较多,就会出现滚定条。如果希望前面指定的像工号abel="姓名"al...
解决el-table数据过多且有左右滚动条在最下方 上图为解决后的方案图, 出现原因: 数据过多时出现Y轴滚动条,并有X左右滚动条的情况, 如果在el-table标签写css样式出现Y轴滚动条的情况下,X轴滚动条在最下面,需要把Y轴拖到最下面才能看到。 可以在el-table上面用max-height解决...
简介:element-ui里的el-table在grid布局下切换数据有滚动条时不断增加? 今天在项目里面遇到了这个问题,相当炸裂,看了半天都没有看出什么问题,很是逆天,记录一下 下面使用代码情景复现一下:el-table是在 grid 布局下面的,不是子层级,中间还有一层 content 的元素包裹 ...
el-table X Y都有滚动条的时候X轴滚动条一直在最下面 只有Y拉到最后才能看到X滚动条 有遇到这个问题的吗? 网上说 1、将 .el-table 标签css属性中的 position: relative; width: 100%; max-width: 100%;修改成position: absolute; width: auto; max-width: none;2、将 .el-table 父标签添加css属性...