element-plus table分出合并列

Element Plus 的表格组件提供了 `span-method` 属性来支持列的合并和分割。`span-method` 是一个函数，它会接收两个参数：`row` 和 `column`，你可以在这个函数中返回一个对象，用来指定当前单元格需要横跨多少行和多少列。下面是一个例子：

<el-table :data="tableData" border>
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column label="课程成绩">
    <template #default="{ row }">
      <el-table
        :data="row.scores"
        :span-method="({ row, column, rowIndex, columnIndex }) => {
          if (rowIndex === 0 && columnIndex === 0) {
            return {
              rowspan: row.scores.length,
              colspan: 1
            };
          } else {
            return {
              rowspan: 0,
              colspan: 0
            };
          }
        }"
      >
        <el-table-column prop="courseName" label="课程"></el-table-column>
        <el-table-column prop="score" label="成绩"></el-table-column>
      </el-table>
    </template>
  </el-table-column>
  <el-table-column prop="totalScore" label="总成绩"></el-table-column>
</el-table>

在上面的例子中，我们使用了一个嵌套的表格来实现列的合并。`span-method` 函数会判断当前单元格是不是第一个单元格，如果是，就返回一个对象，指定当前单元格需要横跨多少行和多少列。如果不是，就返回一个对象，指定当前单元格不需要合并。通过这种方式，我们实现了对课程成绩列的合并。