elementuitable固定表尾

要固定 ElementUI 中的表尾，你可以使用 CSS 的固定定位（fixed positioning）来实现。下面是一个示例代码：

<template>
  <div class="table-container">
    <el-table :data="tableData">
      <!-- 表头 -->
      <el-table-column prop="name" label="Name"></el-table-column>
      <el-table-column prop="age" label="Age"></el-table-column>
      <!-- 表体 -->
      <el-table-column prop="address" label="Address"></el-table-column>
    </el-table>

    <!-- 表尾 -->
    <div class="table-footer">
      <span>Footer content</span>
    </div>
  </div>
</template>

<style>
.table-container {
  position: relative;
}

.table-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f5f7fa;
  padding: 10px;
}
</style>

在上面的代码中，我们将整个表格放在一个容器内，并给容器设置 `position: relative;`，这样可以确保表尾相对于容器进行定位。然后，我们使用一个 `<div>` 元素作为表尾，并给它设置 `position: fixed;`，`bottom: 0;` 和 `left: 0;` 来将其固定在页面底部。你可以根据需要自定义表尾的样式和内容。

请注意，该方法只在表格内容较多时才有意义，否则表尾可能会一直显示在页面底部，导致页面滚动条出现。