前端項目實戰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;
            },      

相同資料合并