• 场景说明：
  1、列合并：需要在表格最后一列进行合并，如图：
  
  思路：相当于是第二列的最后一栏（colSpan ）占比5列，第2列后面的4列最后一行（colSpan ）占比0。
• 代码示例

<----html部分---->
 <a-table
        ref="table"
        size="middle"
        bordered
        :rowKey="(record, index) => index"
        :columns="columnsPart"
        :dataSource="dataSourcePart"
        :pagination="false"
        :loading="loading"
        :scroll="{ y: 'calc(100vh - 430px)' }">
      </a-table>
  columnsPart: [
          {
            title: "序号",
            dataIndex: "rowIndex",
            width: 60,
            align: "center",
            customRender: (text, r, index) => {
              return this.changeCellFunc(text, index, "rowIndex");
            }
          },
          {
            title: "第二列",
            align: "center",
            dataIndex: "structureName",
            ellipsis: true,
            customRender: (text, r, index) => {
              return this.changeCellFunc(text, index, "structureName");
            }
          },
          {
            title: "第三列",
            align: "center",
            dataIndex: "jobnoName",
            ellipsis: true,
            customRender: (text, r, index) => {
              return this.changeCellFunc(text, index);
            }
          },
          {
            title: "第四列",
            align: "center",
            dataIndex: "afterTaxPrice",
            scopedSlots: { customRender: "afterTaxPrice" },
            ellipsis: true,
            customRender: (text, r, index) => {
              return this.changeCellFunc(text, index);
            }
          },
          {
            title: "第五列",
            align: "center",
            dataIndex: "preTaxPrice",
            ellipsis: true,
            customRender: (text, r, index) => {
              return this.changeCellFunc(text, index);
            }
          },
          {
            title: "第六列",
            align: "center",
            dataIndex: "imgNum",
            ellipsis: true,
            customRender: (text, r, index) => {
              return this.changeCellFunc(text, index);
            }
          },
          {
            title: "第七列",
            align: "center",
            dataIndex: "preTaxAmount",
            ellipsis: true,
            customRender: (text, r, index) => {
              return this.changeCellFunc(text, index, "preTaxAmount");
            }
          },
          {
            title: "第八列",
            align: "center",
            dataIndex: "taxRate",
            ellipsis: true,
            customRender: (text, r, index) => {
              return this.changeCellFunc(text, index, "taxRate");
            }
          },
          {
            title: "第九列",
            align: "center",
            dataIndex: "taxAmount",
            ellipsis: true,
            customRender: (text, r, index) => {
              return this.changeCellFunc(text, index);
            }
          },
          {
            title: "第十列",
            align: "center",
            dataIndex: "afterTaxAmount",
            ellipsis: true,
            customRender: (text, r, index) => {
              return this.changeCellFunc(text, index, "afterTaxAmount");
            }
          },
          {
            title: "备注",
            align: "center",
            dataIndex: "remark",
            scopedSlots: { customRender: "remark" },
            ellipsis: true,
            customRender: (text, r, index) => {
              return this.changeCellFunc(text, index, "remark");
            }
          }
        ]

// 合并列
      changeCellFunc(text, index, type) {
        let temIndex = parseInt(index) + 1;
        const obj = {
          children: text,
          attrs: {}
        };
        if (type == "rowIndex") {
          return temIndex < this.dataSourcePart.length ? temIndex : "合计";
        }
        if (temIndex == this.dataSourcePart.length) {
          if (type == "taxRate") obj.attrs.colSpan = 2;
          if (type == "structureName") obj.attrs.colSpan = 5;
        }
        if (!type && temIndex == this.dataSourcePart.length) {
          obj.attrs.colSpan = 0;
        }
        return obj;
      },

• 行合并需求如图：将指定列的多行合并成一行
  思路：和合并列差不多；第一列的第一行和第二行要合并成一行，需要将第一列的第一行的占比（rowSpan ）调整成 2，将第一列的第二行的占比（rowSpan ）调整成 0 ，如果不将第二行的占比调整成 0 的话，后面的列会按顺序往后排。举个例子，我们现在要将一些橘子放进箱子里，为了防止颠簸，需要用那种井字隔板将水果整齐隔开放置，可以放置9个，但是有一个橘子长得太胖了，一个格子放不下，要占两个格子，只能放8个，这时候如果硬要放9个，橘子们就会往后挤。（ps：例子举得不太好，请各位凑合着理解一下哈哈哈）
• 代码

 <a-table
   :rowKey="(record, index) => index"
    :bordered="true"
    size="middle"
    :columns="columns"
    :pagination="false"
    :data-source="tableData"
    :scroll="{ x: 1500, y: 'calc(100vh - 650px)' }">
    <template slot="useReason" slot-scope="text, record">
      {{ (dispatchReasonList[text] && dispatchReasonList[text].title) || "" }}
    </template>
  </a-table>
	columns: [
        {
          title: "第一列",
          dataIndex: "zyProviderName",
          width: 150,
          customCell: (record, rowIndex) => {
            return this.mergeCellsSlot(record, rowIndex);
          }
        },
        {
          title: "第2列",
          dataIndex: "zrProviderName",
          width: 150,
          customCell: (record, rowIndex) => {
            return this.mergeCellsSlot(record, rowIndex);
          }
        },
        {
          title: "第3列",
          dataIndex: "contName",
          width: 150,
          customCell: (record, rowIndex) => {
            return this.mergeCellsSlot(record, rowIndex);
          }
        },
        {
          title: "第4列",
          dataIndex: "useReason",
          width: 150,
          scopedSlots: {
            customRender: "useReason"
          },
          customCell: (record, rowIndex) => {
            return this.mergeCellsSlot(record, rowIndex);
          }
        },
        {
          title: "第5列",
          dataIndex: "profName",
          width: 220
        },
        {
          title: "第6列",
          dataIndex: "daysNum",
          width: 150
        },
        {
          title: "第7列",
          dataIndex: "daysPrice",
          width: 150
        },
        {
          title: "第8列",
          dataIndex: "amount",
          width: 150
        }
      ]
      // 合并单元格
      mergeCellsSlot(record, rowIndex) {
        // 开始下标
        const index = this.tableData.findIndex((item) => item.id == record.id);
        // 需要合并的单元格数
        let rowSpanNum = 0;
        this.tableData.forEach((item) => {
          if (item.id == record.id) {
            rowSpanNum++;
          }
        });
        // 结束下标
        let indexIdLength = index + rowSpanNum;
        return {
          style: {
            display: index < rowIndex && rowIndex < indexIdLength ? "none" : undefined
          },
          attrs: {
            rowSpan: rowIndex === index ? rowSpanNum : 1
          }
        };
      }