关于el-table配置不展示滚动条的问题,可以从以下几个方面进行排查和解决:1. 检查el-table的CSS样式 确保没有CSS样式直接隐藏了滚动条。这包括检查是否有全局CSS或特定组件CSS设置了overflow: hidden、scrollbar-width: none等可能隐藏滚动条的属性。可以通过浏览器的开发者工具(通常按F12打开)来查看和修改这些样式。
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...
::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...
解决el-table设置max-height内容超出不出现滚动条的问题 只需要设置样式,自己考虑需不需要加穿透 /deep/ .el-table { display: flex; flex-direction: column; .el-table__header-wrapper { flex-shrink: 0; } .el-table__body-wrapper { flex-grow: 1; } }...
eltable行高变化后,丢失滚动条排查解决全过程 - 程序员小山与Bug于20230715发布在抖音,已经收获了142.9万个喜欢,来抖音,记录美好生活!
el-table横向滚动条不显示问题 简介:el-table横向滚动条不显示问题 背景 在Vue中使用el-table,设置表格高度和宽度后,表格内容超出,横向滚动条没有显示。 解决办法 设置滚动条宽度和高度即可。 /* 设置滚动条宽度和高度 *//deep/.el-table__body-wrapper::-webkit-scrollbar{width:8px;/* 横向滚动条 */...
场景:我们项目在使用elementUI的el-table时,固定了好几列,偶然发现滚动条在固定列的位置无法滚动,其他列的位置是可以滚动的,由于固定列比较多,滚动条滚不动太影响操作了。 原因:研究下发现,是由于固定列把滚动条给遮住了,所以滚动不了。 解决方法: 1.修改el-table__fixed样式 .el-table{ .el-table__fixed{...
解决方法:在折叠面板中添加点击事件,每次点击的时候动态计算一下表格高度,高度变化1px就行。只是需要动态的在给表格一个高度。具体原理我也不清楚,自己摸索出来的一个解决方案。 折叠面板的点击事件:@click.native if(tableName == 'projectTable') {vartable =this.$refs.projectTable; ...