項目需求：頁面中分成左右兩邊，一邊的寬度自適應（里面嵌套的是el-table），一邊的寬度固定 問題：使用flex布局，使用flex:1后el-table只能自適應擴大，不能自適應縮小 Debug：通過控制台發現組件生成的table的寬度是動態計算的，翻查源碼，發現以下代碼段 也就是說 ...

el-table 動態自適應寬度 v-fit-columns A Vue.js plugin that auto fits Element UI's el-table-column with cell content. Vue.js 插件，可實現 Element UI ...

和 flex 一起使用的時候會有這個問題。只能自動變寬不能自動變窄。 在 flex-grow:1; 的那一層設置 overflow: auto; ...

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

由於表頭和列是分開渲染的，通過el-table 設置fit屬性，只能撐開表頭，但是沒有辦法根據列的內容去適應寬度。網上找了一些使用根據表格內容計算表頭寬度的文章，記個筆記。 代碼邏輯是通過vue 的watch 監控表格的數據data，計算每列的內容和表頭的最大寬度，計算的時候把表格內容使用 ...

-column指定寬度，默認情況下會平均分配給剩余的列。在列數比較多的情況，如果el-table寬度限定在容器內，單元 ...

需要通過vue的$forceUpdate()方法，刷新dom，在項目中使用了監聽數據傳入后刷新以及監聽窗口發生變化時刷新。 　　監聽窗口：即在mounted中寫入 　　w ...

轉自：https://blog.csdn.net/weixin_41725862/article/details/90439463 ...