element-ui表格组件设置最⼤⾼度后宽度⽆限拉长问题
table表格中的属性是可添加的所以需要给table添加⼀个滚动条 所以就做了如下操作:
.el-table {
width:100%;
>>>.el-table__body-wrapper {
max-height:300px;
}
}
更改过后就出现了表格宽度⽆限拉长的情况;
检查后发现造成这样的原因有两个:
⼀个是由于⽗级元素为flex布局,
另⼀个问题是没有给table表格添加⼀个⾼度 只是给他的⼦级组件.el-table__body-wrapper添加了最⼤⾼度,这两个更改⼀个就能解决问题element表格横向滚动条
所以我就给我的组件table上添加了⼀个最⼤⾼度
这个问题就解决了(我尝试了下样式不内嵌的话还是会出类似的问题、应该跟页⾯的执⾏机制相关吧)
希望能给遇到类似情况的⼩伙伴带来帮助;
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论