const rowSpanSet = new Set<string>();// 用于合并单元格时重复判断
const columns:ProColumns[]= [
{
title:'参数名称',
dataIndex:'name',
onCell:(data)=>{
if(rowSpanSet.has(data.name)){
return {rowSpan:0};
}
return {rowSpan:data.count} //统计出来的data的数量
}
},
.......
{
title:'统计',
dataIndex:'count',
onCell:(data)=>{
if(rowSpanSet.has(data.name)){
return {rowSpan:0};
}
//放在行位字段进行标记,在开头字段标记会导致后续字段行合并错误
rowSpanSet.add(data.name)
return {rowSpan:data.count} //统计出来的data的数量
}
},
]
实现完样式:
当时也参考了其他大佬的写法:是用了render渲染函数封装的mergeCells方法去实现,也可实现此上图效果,如有需要,请自动查询噢~~~~
此现在实现效果经公司大佬指导,则效果论项目情况而定,欢迎大家评论,请多指教,谢谢!