vue + antd项目中关于Table的那些事儿之合并单元格

引言：笔者为前端小白，本文章是笔者项目中代码分享，仅供初学者参考。

背景：vue+vue-cli+antd+ts，利用antd组件库的table组件根据添加的数据，如果是相同的类目，则自动合并单元格；

正文：

1、编写UI代码（待渲染的表格）：

<a-table
      :columns="columns"
      :pagination="false"
      :data-source="selectedList"
      row-key="value"
      bordered
/>

2、功能性代码：

class ProjectItem {
  productId: number
  productTpye: string
  value: number
  label: string
}

export default class mergeCells extends Vue {
selectedList: Array<ProjectItem> = []

/**
   * table columns
   */
  get columns(): any[] {

    const columns = [
      {
        title: '所属产品类型',
        dataIndex: 'productTpye',
        width: 200,
        customRender(_, row): object {
          return {
            children: row.productTpye,