项目需求：页面中分成左右两边，一边的宽度自适应（里面嵌套的是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 ...