arco.design 表格列合并

效果

是以表格组件实现，最主要的的代码是序号这一列，每6行合并一次

  let currentOrderNoNew=1;
 {
        title: '序号',
        dataIndex: 'index',
        align:'center',
        render: (col, record, index) => {
            const obj = {
                children: col ,
                props: {
                    className:'td-box'
                },
              };
              const cycleLength = 6; // 每6行合并一次
              const cycleIndex = index % cycleLength;
                obj.props.rowSpan = 0;
                if (cycleIndex === 0) {
                    obj.props.rowSpan = 6;
                    obj.children = currentOrderNoNew;
                    currentOrderNoNew++; 
                }
                if (cycleIndex > 0 && cycleIndex <= 5) {
                    obj.props.rowSpan = 0;
                }
                return obj;
        }
      },