Ant Design 实现表格合并

 根据数据中的sequenceno去进行合并

 <a-table
            :bordered="true"
            :pagination="false"
            :scroll="{ x: true }"
            :columns="tableColumns"
            :dataSource="tableData"
            :rowKey="(record,index)=>{return record.sequenceno}"
            :locale="emptyText"
            :customRow="rowClick"
          >
          </a-table>

加载完数据后用dealTableColums方法进行合并列的处理 

 /*
   * 处理表格列
   */
  dealTableColums() {
    const self: any = this;
    this.tableColumns = [
      {
        title: "序号",
        align: "center",
        dataIndex: "index",
        key: "index",
        customRender: (text, row, index) => {
          const obj: { children: any; attrs: any} = {
            children:text,
            attrs:{}
          }
          const data = this.tableData;
          obj.attrs.rowSpan = this.getRowSpanCount(data||[],'sequenceno',index)
          return obj