element table 固定列默认展示不全问题

1. 问题

用 element-ui 的 table 写了一个表格，由于之前公司都是封装的组件，没有遇到这样的问题，今天突然用”原生“组件遇到了 fixed 列没有展示完整，如果每次写 table 的时候都要手动设置一下表格布局 ，那那那那那那这岂不是太麻烦了......（doLayout）

2. 解决

解决也很简单，给表格加个 height 就行了

<el-table
  ref="fixedTable"
  v-loading="listLoading"
  size="small"
  :data="list"
  element-loading-text="加载中"
  border
  highlight-current-row
  height="700px"
  @header-dragend="resetLayout"
>
    

正常展示了

想了一下，为什么，应该是数据加载完成后，表格的高度是由内容自动撑开的，而不是自己设置的，所以本身的表格是没有问题，但是 fixed 的列是第二层表格，它只是固定的，没有数据成功，（没有看过源码） element 在生成固定列的时候，是根据设置的表格高度进行布局的，所以手动设置高度没有问题，而自动撑开的不行。 （请大佬调教😭）