eltable操作按钮合并

您可以使用CSS中的"colspan"属性来合并el-table中的操作按钮列。

例如，如果您有一个名为"tableData"的数据数组，并且想要合并操作列，您可以这样写：

<el-table :data="tableData" style="width: 100%">
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
  <el-table-column label="Operations" width="200">
    <template slot-scope="scope">
      <el-button type="text" size="small" @click="edit(scope.row)">Edit</el-button>
      <el-button type="text" size="small" @click="delete(scope.row)">Delete</el-button>
    </template>
  </el-table-column>
</el-table>

要合并操作列，您需要将"Operations"列的"colspan"属性设置为2，这样它就会跨越两列，从而覆盖默认的操作按钮列。

<el-table :data="tableData" style="width: 100%">
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
  <el-table-column label="Operations" width="200" :colspan="2">
    <template slot-scope="scope">
      <el-button type="text" size="small" @click="edit(scope.row)">Edit</el-button>
      <el-button type="text" size="small" @click="delete(scope.row)">Delete</el-button>
    </template>
  </el-table-column>
</el-table>

现在，操作列将覆盖默认的操作按钮列，并且您可以将它们放置在任何位置。