eltable行高变化后,丢失滚动条排查解决全过程 - 程序员小山与Bug于20230715发布在抖音,已经收获了141.6万个喜欢,来抖音,记录美好生活!
将el-table的宽度放大后,页面底部会出现横向滚动条,但是如果el-table上方的布局已经被写死了,会出现留白 效果图:
工作中用到的el-table显示大批量数据的时候,一页放不下,一般性的处理方案是限定了高,让表格固定表头之后内部可以滚动,不过因为实际操作中样式的问题,需要我把整个表格高度全部显示出来,这样就造成了一个问题,就是横向滚动不方便 不过作为mac用户已开始没啥感觉,但是被用windows的同事吐槽了好久,于是终于决定花半天时...
因为表格的列数多,所以table必然会出现横向滚动条。当行数过多时,出现纵向滚动条,操作时,就需要先滚动到表格底部,然后进行左右的拉动,这样是用户操作很不方便。 应对方案 当数据过多,table的X轴滚动条不在可视区域时,给table的父级容器添加一个滚动条perfectScrollbar,然后将perfectScrollbar的scroll值赋值给table...
el-table组件去掉滚动条的问题 el-table组件去掉滚动条 .el-table__body-wrapper::-webkit-scrollbar {width:0; } 如果是多个table拼接在一起,即使设置了width:0; 若出现滚动条table之间依然有一条线,此时可以判断是否出现滚动条,若存在滚动条就给table的父元素设置一个class,并设置以下属性:...
描述 在table-column列数据过多会出现横向滚动条,编辑表单后,会对table组件进行重新渲染同时横向滚动条会回到最左侧,希望控制滚动条保持在最右侧
1、页面中el-table宽度超过100%,X轴出现滚动条,勾选后获得的数据是multipleSelection 2、页面中另一个组件<Demo :list="multipleSelection"></Demo>,组件没有修改list的任何操作 3、每次勾选X轴的滚动条都会回到初始位置,就像el-table被重绘了一样
el-table里面的数据过多出现了滚动条,但是我想把滚动条隐藏掉同时能滚动,应该怎么解决? <template> <div class="Order"> <Border height="330px" width="100%" style="padding-bottom: 6%"> <div slot="border" style="margin-left: 3px"> <TitleName id="Order" :textContent="textContent"></TitleName...
解决el-table数据过多且有左右滚动条在最下方 上图为解决后的方案图, 出现原因: 数据过多时出现Y轴滚动条,并有X左右滚动条的情况, 如果在el-table标签写css样式出现Y轴滚动条的情况下,X轴滚动条在最下面,需要把Y轴拖到最下面才能看到。 可以在el-table上面用max-height解决...