【问题记录】el-table 宽度问题，vue el-table 表格宽度无法缩小自适应

vue el-table 表格宽度无法缩小自适应

问题记录，el-table 宽度问题-vue el-table 表格宽度无法缩小自适应 当浏览器被拉升时，父子元素会同步拉升，但是当浏览器缩小时，父子元素无法同步缩小。

原因是element 内部的table宽度是根据父级元素来计算的。当父元素是 flex 布局时，嵌套的子元素会有一个是固定的宽度。当子元素的固定宽度大于 flex 的宽度时，flex 就不会自动缩小。 解决：

  ::v-deep .el-table {
    width: 100%;

    .el-table__header-wrapper table,
    .el-table__body-wrapper table {
      width: 100% !important;
    }

    .el-table__body,
    .el-table__footer,
    .el-table__header {
      table-layout: auto;
    }
  }