el-table不出现滚动条 修改样式的时候,发现没出现自己想要的效果,用div重新布局以后,发现效果是出现了,但el-table滚动条不见了。 解决: <div style="padding:2px;height:600px"> <el-table v-loading="loading":data="list"highlight-current-row style="width: 100%;"height="100%">...</el-table> ...
方法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...
// vnode.context:当前的vm实例 -- 渲染表格 vnode.context.$refs.orderTable && vnode.context.$refs.orderTable.doLayout() }, 200) mouseFlag = false } odiv.onmousemove = (e) => { if (e.which !== 1) return const divData = odiv.querySelector('.el-table .el-table__body-wrapper') ...
elementui的el-table表格下方的滚动条消失 如图: 加如下代码即可: <style lang="scss" scoped> /deep/.el-table__body-wrapper{ background-color: #F7F6FF; }/deep/.el-table__body-wrapper::-webkit-scrollbar { width: 10px!important; height: 10px!important; } </style> 效果如图:...
eltable行高变化后,丢失滚动条排查解决全过程 - 程序员小山与Bug于20230715发布在抖音,已经收获了144.9万个喜欢,来抖音,记录美好生活!
你可以通过CSS来设置表格的滚动行为。通常情况下,el-table组件本身提供了max-height属性,当内容超过这个高度时,会自动出现滚动条。如果你需要自定义滚动条样式,可以通过CSS来实现。 css .el-table__body-wrapper { max-height: 400px; /* 设置最大高度 */ overflow-y: auto; /* 启用垂直滚动条 */ overflow...
背景 在使用el-table的时候,在数据多的情况下滚动表格会看不到表头是什么,可以使用高度自适应,这是对表格高度的限制同时会出现滚动条,这样用户体验不好,所以考虑不设置高度...
解决el-table数据过多且有左右滚动条在最下方 上图为解决后的方案图, 出现原因: 数据过多时出现Y轴滚动条,并有X左右滚动条的情况, 如果在el-table标签写css样式出现Y轴滚动条的情况下,X轴滚动条在最下面,需要把Y轴拖到最下面才能看到。 可以在el-table上面用max-height解决...
el-table 左右有列固定时,fixed为left和right时,行未对齐解决办法 * 产生原因: el-table底部有滚动条,固定列底部没有滚动条 * 解决办法: 在el-table的表格中设置padding-bottom的内边距跟滚动条等高 .el-table__body-wrapper { &::-webkit-scrollbar { // 滚动条高 解决行未对齐 height: 18px; } } ...