解决element-ui中多个table在tab切换时出现高度、宽度缩小的问题，适用所用情况

在使用element-ui中的el-tabs组件进行切换时，出现tabs中的table高度、宽度变小，网上找的方案我觉得都不够完美，要么调用doLayout方法重新渲染，要么固定表头高度，使用起来有限制。

解决方法只需在全局样式中添加以下代码：

.el-table {

width: 100%;

display: flex;

flex-direction: column;

.el-table__body-wrapper {

flex: 1;

    }
}

完美解决。