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方法去实现,也可实现此上图效果,如有需要,请自动查询噢~~~~
此现在实现效果经公司大佬指导,则效果论项目情况而定,欢迎大家评论,请多指教,谢谢!