前端项目实战111-ant design table数据合并

    render: (value, record, index) => {
                // 处理列，相同数据则合并

                // 处理rowSpan
                const obj = {
                    children: value,
                    props: { rowSpan: 1 },
                };

                // 当检索到相同数据则返回 那条数据
                let arr = dataSource.filter((res: any) => {
                    return res.batch_code == record.batch_code;
                });
                if (index == 0 || dataSource[index - 1].batch_code != record.batch_code) {
                    // 匹配到相同数据的长度
                    obj.props.rowSpan = arr.length;
                } else {
                    // 如果上一行的数据与当前的数据相同，就将rowSpan变为0
                    obj.props.rowSpan = 0;
                }
                return obj;
            },

相同数据合并