el-table多表头行内编辑

el-table 是 Element UI 中的一个表格组件，支持复杂的数据展示和交互。如果你想在多表头的表格中实现行内编辑功能，你可以这样做：

1. **设置表头**: 在`el-table-column`中，为每一列定义一个或多个表头。每个表头可能对应不同的数据区域（即子表头），并且有些表头可以设置为可编辑。

<el-table :data="tableData">
  <el-table-column type="index" label="序号"></el-table-column>
  
  <!-- 多个表头 -->
  <el-table-column v-for="(header, index) in headers" :key="index" :label="header.title">
    <!-- 编辑列 -->
    <template slot="cell" slot-scope="scope">
      <el-input v-if="header.editable" v-model="scope.row[header.field]"></el-input>
      <span v-else>{{ scope.row[header.field] }}</span>
    </template>
  </el-table-column>
</el-table>

2. **配置表头属性**: 对于那些设置为可编辑的表头，你需要提供`editable`属性，并且在数据绑定上使用Vue的`v-model`指令。

3. **保存编辑**: 当用户完成编辑后，可以通过监听单元格内的输入事件或者按钮点击事件，触发数据更新。通常，这涉及到修改`tableData`中的相应行数据。

4. **状态管理**: 可能还需要一个单独的状态管理机制（如Vuex）来跟踪哪些表头处于编辑状态，以及如何处理编辑后的数据变化。

相关问题：
1. 如何在`el-table`中设置表头的可编辑状态？
2. 如何监听行内编辑框的内容改变并保存数据？
3. `el-table`的`edit-method`属性有什么作用？