element-ui的el-table动态修改表格展示列，table高度变小问题

项目需求需要根据筛选项选择的不同，展示不同的table列
当切换搜索筛选项，进行table查询时，出现问题：

el-table列动态发生变化后，el-table__body-wrapper的高度变小了

el-table__body-wrapper的高度是动态设置的，在网上查的结果对el-table添加css：

.table-fixed {
    /deep/.el-table__body-wrapper {
    height: calc(100% - 44px) !important;
  }
}

但仍不起作用。。。

解决办法：在更新表格数据后对el-table进行重载

this.$nextTick(() => {
     this.$refs.tableName.doLayout();
     // el-table添加ref="tableName"
 });