整个页面不出现滚动条，而超出的部分让table自适应高度（即：让table内部出现滚动条），从而让整个页面一屏显示完整。代码示例

要实现整个页面不出现滚动条，而超出的部分让table自适应高度，可以通过以下方式：

1. 将页面的根元素设置为flex布局，并设置它的高度为100vh，这样页面的高度就可以自适应浏览器窗口大小。

2. 将table的容器元素设置为flex: 1，让它占满剩余的空间。

3. 将table的高度设置为auto，让它自适应内容高度。

4. 设置table的max-height属性，让它在超出一定高度时出现滚动条。

以下是一个示例代码，可以参考一下：

<template>
  <div class="container">
    <header>Header</header>
    <main>
      <div class="table-container">
        <el-table :data="tableData" max-height="600">
          <el-table-column prop="name" label="姓名" width="180"></el-table-column>
          <el-table-column prop="age" label="年龄" width="180"></el-table-column>
          <el-table-column prop="address" label="地址" width="400"></el-table-column>
        </el-table>
      </div>
    </main>
    <footer>Footer</footer>
  </div>
</template>

<style>
.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

header {
  height: 50px;
  background-color: #f2f2f2;
}

main {
  display: flex;
  flex: 1;
  overflow: hidden;
}

.table-container {
  flex: 1;
  overflow: auto;
}

footer {
  height: 50px;
  background-color: #f2f2f2;
}
</style>

在上面的代码中，我们将页面的根元素设置为flex布局，并设置它的高度为100vh，这样页面的高度就可以自适应浏览器窗口大小。然后，我们将table的容器元素设置为flex: 1，让它占满剩余的空间。接着，我们将table的高度设置为auto，让它自适应内容高度。最后，我们设置了table的max-height属性为600，表示当内容超出600px时，就会出现垂直滚动条。同时，我们也设置了main元素的overflow属性为hidden，让超出部分被隐藏，从而让整个页面不出现滚动条。