el-table 动条显示操作列

如果你想要在 el-table 中显示操作列，并且该操作列需要出现在表格的右侧，并且需要随着表格的滚动而保持固定位置，那么你可以使用 el-table 的 `fixed` 属性和 `append` 插槽来实现。

以下是一个示例：

<el-table :data="tableData" height="400" border>
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column label="操作">
    <template slot-scope="scope">
      <el-button type="text" @click="handleEdit(scope.$index)">编辑</el-button>
      <el-button type="text" @click="handleDelete(scope.$index)">删除</el-button>
    </template>
  </el-table-column>
</el-table>

在上面的示例中，我们在 el-table-column 中添加了一个 `append` 插槽，用于显示操作列。在插槽中，我们使用了作用域插槽来获取当前行的索引，并绑定了两个按钮的点击事件 `handleEdit` 和 `handleDelete`。

接下来，我们需要将 el-table 设置为固定高度，以及设置 `fixed` 属性为右侧，并且设置操作列的宽度。例如：

<el-table :data="tableData" height="400" border style="width: 100%">
  <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 label="操作" width="200" fixed="right">
    <template slot-scope="scope">
      <el-button type="text" @click="handleEdit(scope.$index)">编辑</el-button>
      <el-button type="text" @click="handleDelete(scope.$index)">删除</el-button>
    </template>
  </el-table-column>
</el-table>

在上面的代码中，我们将 el-table 的宽度设置为 `100%`，并将操作列的宽度设置为 `200`，并将 `fixed` 属性设置为 `right`，表示该列会固定在表格的右侧。这样，当 el-table 的内容高度超过 `400` 时，操作列会随着 el-table 的滚动而保持固定位置。

希望这个示例能够帮助你解决 el-table 显示操作列的问题。