el-table横向滚动条一直显示在页面下方

如果 `el-table` 的横向滚动条一直显示在页面下方，并且随着页面滚动而滚动，可能是由于 `el-table` 的父元素设置了 `position: fixed;` 或 `position: absolute;` 属性。

解决方法是将 `el-table` 的父元素设置为 `position: relative;`，并将 `el-table` 的高度设置为父元素高度的一部分，以确保 `el-table` 只占用父元素的一部分空间，从而使横向滚动条在 `el-table` 内部显示。

示例代码如下：

<div class="table-container">
  <el-table :data="tableData" style="width: 100%; height: 100%;">
    <!-- 表格列定义 -->
  </el-table>
</div>

.table-container {
  position: relative;
  height: 400px;
  overflow: hidden;
}

.el-table__body-wrapper {
  height: calc(100% - 17px);
  overflow-y: auto;
  overflow-x: auto;
}

在上面的示例代码中，我们将 `el-table` 的父元素 `.table-container` 设置为 `position: relative;`，并将其高度设置为 `400px`。然后，我们将 `el-table` 的高度设置为 `100%`，以填充 `.table-container` 的空间。最后，我们在 `.el-table__body-wrapper` 中设置高度和滚动条样式，以确保横向滚动条在 `el-table` 内部显示。