解决Element中table表格在flex布局下宽度无限放大的问题

问题:ElementUI中el-table表格在flex布局下宽度无限放大

解决:

在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;即可。