vue element ui table每一行内容上面追加一行自定义内容

你可以使用 Element UI Table 的 slot-scope 属性来自定义每一行的内容。具体步骤如下：

1. 在表格的 <el-table> 标签中添加 slot-scope 属性，如下所示：

<el-table :data="tableData" slot-scope="scope">
  <!-- 表头和表格内容 -->
</el-table>

2. 在表格中添加 <template slot="append"> 标签，并在其中添加自定义的代码。这些代码将会在每一行的下方追加一行内容，如下所示：

<el-table :data="tableData" slot-scope="scope">
  <!-- 表头和表格内容 -->
  <template slot="append">
    <tr>
      <td colspan="6">自定义内容</td>
    </tr>
  </template>
</el-table>

3. 在自定义内容中，你可以使用 scope 变量来获取当前行的数据。例如，如果你想在自定义内容中显示当前行的 id，可以这样做：

<el-table :data="tableData" slot-scope="scope">
  <!-- 表头和表格内容 -->
  <template slot="append">
    <tr>
      <td colspan="6">当前行的 id 是 {{ scope.row.id }}</td>
    </tr>
  </template>
</el-table>

注意，如果你想让自定义内容出现在表格的上方，可以使用 <template slot="prepend"> 标签，而不是 <template slot="append"> 标签。