table 设置max-height无效

试了很多方法都无效，网上还搜了一下也没什么好的方法。
最后换了个思路table外层加一个div，给外层这个div设置max-height即可。

<div style="max-height:400px;overflow:auto;">
        <p class="historyShow-tag"  v-if="recordHhistoryShow == '0'">暂无记录</p>
        <table border="1" cellspacing="0" id="extension" v-else-if="recordHhistoryShow == '1'">
          <thead>
            <tr><th>序列号</th><th>文件名</th><th>文件路径</th></tr>
          </thead>
          <tbody>
            <tr 
            v-for="(item,index) in recordHistoryItems"
            v-bind:key="item.id"
            >
              <td>{{index}}</td>
              <td>{{item.fileName}}</td>
              <td>{{item.filePath}} </td>
            </tr>
          </tbody>
        </table>
  </div>