vue el-table 表格宽度无法缩小自适应
element 内部的table宽度是根据父级元素来计算的。当父元素是flex布局时,嵌套的子元素会有一个是固定的宽度。在浏览器拉升的过程中,父元素首先被拉升,因此嵌套的子元素也可以跟着拉升,但是当浏览器缩小时,由于父元素被子元素撑着,无法缩小,而子元素在父元素没有缩小的情况下也不会缩小,这就出现了父、子元素相互依赖的情况,从而导致table无法随着浏览器的缩小而自动缩小。解决办法:给table的
·
当浏览器被拉升时,父子元素会同步拉升,但是当浏览器缩小时,父子元素无法同步缩小。
原因是element 内部的table宽度是根据父级元素来计算的。当父元素是 flex 布局时,嵌套的子元素会有一个是固定的宽度。当子元素的固定宽度大于 flex 的宽度时,flex 就不会自动缩小。
解决办法:
给table的父元素设定相对定位,给table设定绝对定位,例如:
::v-deep .my_table {
position: relative;
.el-table {
position: absolute;
}
}
更多推荐
已为社区贡献3条内容
所有评论(0)