element ui table会总行

如果您想要实现 element ui table 的固定列和横向滚动功能，可以使用 `el-table` 组件的 `fixed` 和 `scroll` 属性。

首先，将 `fixed` 属性设置为 `left` 或 `right`，可以将表格的某一列固定在左侧或右侧。例如，要将第一列固定在左侧，可以这样写：

<el-table :data="tableData" style="width: 100%">
  <el-table-column type="index" label="序号" width="100"></el-table-column>
  <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="地址"></el-table-column>
</el-table>

将该代码改成：

<el-table :data="tableData" style="width: 100%">
  <el-table-column type="index" label="序号" width="100" fixed="left"></el-table-column>
  <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="地址"></el-table-column>
</el-table>

这样，第一列就会固定在左侧。

接着，将 `scroll` 属性设置为一个对象，可以实现表格的横向滚动。例如，要将表格横向滚动，可以这样写：

<el-table :data="tableData" style="width: 100%" :scroll="{ x: 800 }">
  <el-table-column type="index" label="序号" width="100"></el-table-column>
  <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="地址"></el-table-column>
</el-table>

将该代码改成：

<el-table :data="tableData" style="width: 100%" :scroll="{ x: 800 }">
  <el-table-column type="index" label="序号" width="100"></el-table-column>
  <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="地址"></el-table-column>
</el-table>

这样，表格就可以横向滚动了。

至于 element ui table 合计行在滚动条下方的问题，可以尝试在 `el-table` 组件上添加样式 `position: relative`，然后在 `el-table` 的 `footer` 插槽中添加一个 div 元素，设置其样式 `position: absolute; bottom: 0;`，这样就可以将合计行置于滚动条之上了。例如：

<el-table :data="tableData" style="width: 100%; position: relative;" :scroll="{ x: 800 }">
  <el-table-column type="index" label="序号" width="100"></el-table-column>
  <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="地址"></el-table-column>
  <template v-slot:footer>
    <div style="position: absolute; bottom: 0;">
      <!-- 合计行的内容 -->
    </div>
  </template>
</el-table>