el table 实现分页table高度固定，分页页脚固定

要实现 `el-table` 分页表格高度固定，分页页脚固定的效果，可以按照以下步骤进行操作：

1. 在 `el-table` 上设置 `max-height` 属性，并在 `el-pagination` 上设置 `background-color` 属性，例如：

<el-table :data="tableData" max-height="300px">
  <!-- 表格列定义 -->
</el-table>

<el-pagination
  :total="total"
  :page-size="pageSize"
  :current-page.sync="currentPage"
  background-color="#fff"
  layout="prev, pager, next"
/>

其中，`:total` 表示表格数据总数，`:page-size` 表示每页显示的行数，`:current-page.sync` 表示当前页数，`background-color` 属性用于将分页器的背景色设置为白色，与表格背景色相同，从而实现分页器与表格的无缝衔接。

2. 在 `el-table` 上设置 `show-summary` 属性，并在 `el-table-column` 上使用 `summary` 插槽来定义表格页脚，例如：

<el-table :data="tableData" max-height="300px" show-summary>
  <el-table-column prop="name" label="姓名" />
  <el-table-column prop="age" label="年龄" />
  <el-table-column label="操作">
    <template slot-scope="scope">
      <el-button type="text" size="small">编辑</el-button>
      <el-button type="text" size="small">删除</el-button>
    </template>
  </el-table-column>
  <template slot="summary">
    <el-table-column label="合计">
      <template slot-scope="{ data }">
        <span>总计 {{ data.length }} 条数据</span>
      </template>
    </el-table-column>
  </template>
</el-table>

其中，`show-summary` 属性表示是否显示表格的页脚，`slot="summary"` 表示为表格定义页脚插槽，`<el-table-column>` 组件内部的内容表示表格页脚的定义，可以根据实际需求进行修改。

3. 在 CSS 中设置分页器的位置为绝对定位，并设置 `bottom` 属性为 `0`，例如：

.el-pagination {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fff;
}

通过以上步骤，就可以实现 `el-table` 分页表格高度固定，分页页脚固定的效果了。