解决el-table加了height滚动条不显示的问题（需要点击、拖动窗口等操作才显示）

需求：

table滚动条本来是正常显示的，产品又加了需求如下：一开始只展示用户自己添加的行，点击按钮显示全部的行，需求实现了，滚动条却不显示了

如图，其实是有16条数据，但是只显示了四条，也没显示滚动条，奇怪的是点击上移下移操作，或者拖动窗口，滚动条都会出现

原来的代码：

       <el-table
         ref="multipleTable"
        :row-class-name="tableRowClassName"
        :data="tableData"
        :height="styleObject.height"
      >
      </el-table>

可以看到之前是通过height属性给table定义高度

解决办法：删除table中的：height，外层包一个div自己定义style高度

<div style="overflow:auto" :style="{height:styleObject.height}">
  <el-table>
  </el-table>
</div>

效果如下： 

至此，问题解决。