elementUI中el-table表格在flex布局下出现表格宽度一直在增大变化的问题解决方案(100%解决！！！)

解决方案：在table外层包一层div元素，设置css宽度继承自父级宽度，添加代码：position:absolute; width:100%;一般上级元素就设置这flex布局flex:1;加入一行代码：position:relative;示例截图：注意：如果遇到flex布局中使用 el-table 时高度也出现撑开的问题时，解决思路同上，重点在于表格 el-table 外面父元素不能直接是设置

IT 哈

7749人浏览 · 2021-09-06 09:38:02

IT 哈 · 2021-09-06 09:38:02 发布

解决方案：
在table外层包一层div元素，设置css宽度继承自父级宽度，添加代码：position:absolute; width:100%;一般上级元素就设置这flex布局flex:1;加入一行代码：position:relative;

示例截图：

注意：如果遇到flex布局中使用 el-table 时高度也出现撑开的问题时，解决思路同上，重点在于表格 el-table 外面父元素不能直接是设置有 flex:1;属性的元素，必须在表格外面在套一层父级元素，并设置绝对定位position:absolute;属性，然后在具有flex:1;属性的元素里设置相对定位属性position:relative;即可。

转自https://blog.csdn.net/DLGDark/article/details/107785197?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.control