elementUi解决table表格可以适配屏幕变大但无法变小的方法

项目场景：

我们都知道elementui的东西都是响应式可以适配屏幕的，但有时会有bug，记录一下

问题描述

排版样式如上，左边是tree右边是table，table出现bug，一开始加载可以适配屏幕，但是如果放大了之后，table各项宽度都放大，且不会缩回适配屏幕，示例如下
这是1980宽度的电脑展现的页面

这是从1980拖拽到1440屏幕的页面，table只能变大无法缩小

解决方案：

提示：使用el-col分栏

原页面代码类似于此，tree和table是同级的兄弟元素，但是会导致table宽度适配问题，分别给他们加上el-col分栏，如图注释所示可以解决，table可以适配屏幕变大，但无法变小的问题。
这是1980屏幕的页面

这是从1980拖拽到1440屏幕的页面，table恢复响应式，适配屏幕，问题解决。