关于el-table配置不展示滚动条的问题,可以从以下几个方面进行排查和解决:1. 检查el-table的CSS样式 确保没有CSS样式直接隐藏了滚动条。这包括检查是否有全局CSS或特定组件CSS设置了overflow: hidden、scrollbar-width: none等可能隐藏滚动条的属性。可以通过浏览器的开发者工具(通常按F12打开)来查看和修改这些样式。
el-table滚动条消失问题 1年前·广东 0 分享 回复 旅戈 ... 如这个bug所示,el-select多选数据回显撑开行高,但是el-table却没出现滚动条 3月前·陕西 0 分享 回复 大辣娇 ... table 乱了 我都是无脑调用dolayout 1年前·湖南 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> ...
方法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在有合计行和操作栏的情况下无数据初始化时候有水平滚动条,加载数据后无水平滚动条;加载数据后this.$nextTick(()=>{
只需要设置样式,自己考虑需不需要加穿透 /注:此设置设置fixed列会出现无法响应滚动问题,解决此问题需设置具体高度 比如可以动态获取父元素高度给它/deep/.el-table{display:flex;flex-direction:column;.el-table__header-wrapper{flex-shrink:0;}.el-table__body-wrapper{flex-grow:1;}}...
用el-table 想让表格高度根据屏幕动态展示,用max-height后发现内容超过高度不展示滚动条 查阅后发现默认是隐藏,而不是滚动展示 如果想让展示,则可以用样式加上overflow-y: auto 全部代码如下 <template><el-tablesize="small":data="tableData":max-height="tableHeight"style="width: 100%; overflow-y: auto...
el-table有很多列,最后面的几列不显示,因为水平滚动条没出来,不能滚动到最右侧,不知道什么原因,网上查询了下,好像说是本身框架的bug,有遇见这样问题的吗,怎么解决
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; ...