解決ElementUI的table組件在flex布局下寬度不能自適應的問題

  問題： 在左側菜單欄折疊/展開的時候右側設置flex:1；自適應布局的區域由於table表格寬度已經渲染，會出現橫向滾動條不能自適應。

  解決方案：

// 最大容器
.wrap {
    display: flex;
    flex: auto;
}
// 左側
.wrap-left {
    flex: 0 0 400px;
    width: 400px;
}
.wrap-right {
    flex: 1;
    margin-left: 20px;
    position: relative;
}
// 給 table 加一個 div 設置屬性
.table-div {
    position: absolute;
    width: 100%;
}