检查表格内容: 确保el-table中的数据行数足够多,以超出可视范围,从而触发滚动条显示。 通过以上步骤,你应该能够诊断并解决el-table不显示滚动条的问题。如果问题仍然存在,请进一步检查相关代码和样式,或者考虑在开发者社区中寻求更具体的帮助。
给两个div添加样式,里面的div一定要设置高度,不设置的话滚动条出不来 .top-scroll { width: 100%; overflow-x: auto; } .top-scroll-content { /* 高度不设置的话滚动条出不来 */ height: 1px; } 1. 2. 3. 4. 5. 6. 7. 8. 2、给滚动条设置初始值 data(){ return{ topScrollWidth: 0, ...
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> ...
::v-deep .el-table__body-wrapper::-webkit-scrollbar {// width: 20px; /* 纵向滚动条 */height: 8px; /* 横向滚动条 必写 */}/* 设置滚动条样式 */::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {设置滚动条哑颜色,根据自己选择设置// background-color: #dde;border-radius...
在Vue中使用el-table,设置表格高度和宽度后,表格内容超出,横向滚动条没有显示。 解决办法 设置滚动条宽度和高度即可。 /* 设置滚动条宽度和高度 *//deep/.el-table__body-wrapper::-webkit-scrollbar{width:8px;/* 横向滚动条 */height:8px;/* 纵向滚动条 必写 */}/* 设置滚动条样式 *//deep/.el-...
el-table可以手动调整列宽,当拉得非常宽的时候会出现横向滚动条 1.css设置不显示横向滚动条 /* 表格不出现横向滚动条 */.el-table--scrollable-x.el-table__body-wrapper{overflow-x: hidden; } 2.设置最大列宽,查阅element官网文档,header-dragend事件可以查看修改前后的列宽 ...
Vue+ElementUI 可变列表格(Table)(为什么超出了,也不显示横向滚动条) 什么叫可变列表格? 顾名思义,就是Table的Column的数量是可变的,可能是3个、4个,或者5个。 如下图: ... 米米_a13d阅读 12,527评论 0赞 1 elementui el-table 横向滚动条保持在可视范围中 以下记录是个人开发过程中遇到的问题: 当列表...
不显示横向滚动条 因为只是隐藏横向滚动条,所以不能使用scrolling="no"的办法,因为这样会连纵向也隐藏了 框架包含代码 <iframe src="dayanmei.php"; width="710" height="100%" scrolling="auto" align="right" frameborder="0" id="mainframe" name="mainframe" style="overflow:auto"></iframe>...
2、el-table使用append属性,底部加入一个新表格,外部表格高度小于设置的height时,但外层table+append的内容已经超过设置的height,页面不显示滚动条,无法...