针对你提出的“el-table 列太多 横向滚动条不显示”的问题,以下是一些可能的解决方案,你可以逐一尝试: 检查CSS样式: 确认是否有全局或私有CSS样式修改了滚动条的默认行为。特别是检查是否有样式将滚动条隐藏或设置了极小的尺寸,导致滚动条不可见。你可以尝试重置或删除这些样式,看是否能解决问题。 检查列宽设置: 如...
方法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...
el-table可以手动调整列宽,当拉得非常宽的时候会出现横向滚动条 1.css设置不显示横向滚动条 /* 表格不出现横向滚动条 */.el-table--scrollable-x.el-table__body-wrapper{overflow-x: hidden; } 2.设置最大列宽,查阅element官网文档,header-dragend事件可以查看修改前后的列宽 添加事件header-dragend 控制台打印...
在Vue中使用el-table,设置表格高度和宽度后,表格内容超出,横向滚动条没有显示。 解决办法 设置滚动条宽度和高度即可。 /* 设置滚动条宽度和高度 *//deep/.el-table__body-wrapper::-webkit-scrollbar{width:8px;/* 横向滚动条 */height:8px;/* 纵向滚动条 必写 */}/* 设置滚动条样式 *//deep/.el-t...
element el-table 合计时发现横向滚动条在合计上方 解决:直接修改样式即可(防止影响全局请加scope,然后再样式穿透::v-deep) 参考: element el... jack_rofer阅读 2,150评论 1赞 1 el-table中,动态添加表头数据,数据超出显示横向滚动条,并且使横向滚动条一直保持最后面 如上图,点击新增列,表头新增数据,数据过多...