检查表格内容: 确保el-table中的数据行数足够多,以超出可视范围,从而触发滚动条显示。 通过以上步骤,你应该能够诊断并解决el-table不显示滚动条的问题。如果问题仍然存在,请进一步检查相关代码和样式,或者考虑在开发者社区中寻求更具体的帮助。
有一个需求,当el-table的宽度超出浏览器宽度时,虽然el_table底部会出现滚动条,但是每次需要先滚动到底部,才能使用el-table的滚动体,很是麻烦。因此当el_table的宽度超出屏幕宽度时,要在可视范围底部添加一个横向的滚动条,在网上找了四篇不同方法,全都试了一遍,四个方法的原文地址以及效果图我都贴出来了,看个人...
在Vue中使用el-table,设置表格高度和宽度后,表格内容超出,横向滚动条没有显示。 解决办法 设置滚动条宽度和高度即可。 /* 设置滚动条宽度和高度 *//deep/.el-table__body-wrapper::-webkit-scrollbar{width:8px;/* 横向滚动条 */height:8px;/* 纵向滚动条 必写 */}/* 设置滚动条样式 *//deep/.el-t...
el-table可以手动调整列宽,当拉得非常宽的时候会出现横向滚动条 1.css设置不显示横向滚动条 /* 表格不出现横向滚动条 */.el-table--scrollable-x.el-table__body-wrapper{overflow-x: hidden; } 2.设置最大列宽,查阅element官网文档,header-dragend事件可以查看修改前后的列宽 添加事件header-dragend 控制台打印...
element el-table 合计时发现横向滚动条在合计上方 解决:直接修改样式即可(防止影响全局请加scope,然后再样式穿透::v-deep) 参考: element el... jack_rofer阅读 2,139评论 1赞 1 el-table中,动态添加表头数据,数据超出显示横向滚动条,并且使横向滚动条一直保持最后面 如上图,点击新增列,表头新增数据,数据过多...
2、el-table使用append属性,底部加入一个新表格,外部表格高度小于设置的height时,但外层table+append的内容已经超过设置的height,页面不显示滚动条,无法...
使用el-table-v2组件时,在拖动滚动条时,合并渲染不正常显示,同时不能实现列宽调整,能否有解决方案? <template> <el-table-v2 fixed :columns="columns" :data="data" :width="300" :height="400" @scroll="disscr" > <template #row="props"> ...
[Bug Report] el-table组件, 当左右都有固定的列时,右侧的固定列在滚动条滚动时阴影显示不正常 Element UI version 2.15.14 OS/Browsers version windows10/chrome Vue version 2.7.16 Reproduction Link https://codepen.io/xianrong-lei/pen/VwOoBey