elementui2 在表格中，通过一个按钮，添加自定义的行内容，行内容需对应表格头部的列数

在 ElementUI 2.x 的 Table 组件中，可以通过添加按钮来实现添加自定义的行内容。具体实现步骤如下：

1. 在表格中添加一个“添加行”按钮，点击按钮后触发添加行的操作。

2. 定义一个数组，用于存储添加的行数据。

3. 定义一个对象，用于存储当前添加行的数据。

4. 在添加行的操作中，向数组中添加当前行的数据对象，并将当前数据对象清空。

5. 在表格的 `append` 插槽中，使用 `v-for` 循环遍历添加的行数据数组，将每一行数据渲染成对应的表格行。

下面是一个示例代码：

<template>
  <div>
    <el-button type="primary" @click="addRow">添加行</el-button>
    <el-table :data="tableData">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
      <template slot="append">
        <el-table-column :colspan="3">
          <el-row>
            <el-col v-for="(item, index) in appendData" :key="index">
              {{ item }}
            </el-col>
          </el-row>
        </el-table-column>
      </template>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, address: '北京市' },
        { name: '李四', age: 20, address: '上海市' },
        { name: '王五', age: 22, address: '广州市' }
      ],
      appendData: [], // 存储添加的行数据
      rowData: { name: '', age: '', address: '' } // 存储当前添加行的数据
    }
  },
  methods: {
    addRow() {
      // 添加当前行数据到数组中
      this.appendData.push(this.rowData)

      // 清空当前行数据
      this.rowData = { name: '', age: '', address: '' }
    }
  }
}
</script>

在上面的代码中，点击“添加行”按钮会触发 `addRow` 方法，在该方法中将当前添加行的数据对象添加到 `appendData` 数组中，并清空 `rowData` 对象。

在 `append` 插槽中使用 `v-for` 循环遍历 `appendData` 数组，将每个元素渲染成对应的表格行。由于每一行数据的列数都需要和表格头部的列数对应，因此在 `append` 插槽中使用了 `colspan` 属性，将这一行合并成一个单元格，保证了列数的对应关系。

以上就是利用 ElementUI 2.x 的 Table 组件在表格中添加自定义行内容的实现方法。