antd-Table中根据后台返回的数据--实现动态列合并--------- js实现

本文介绍了在antd的Table组件中,如何使用JavaScript实现根据后台返回数据动态合并列。在遇到数据列中存在连续的null、undefined或空字符串时,文章提出并解决了单元格合并的常见问题。内容包括调用方法及解决方案,是作者的学习笔记分享。
摘要由CSDN通过智能技术生成

列合并方法

/*
 *  参数text :为当前单元格的值 > string
 *	参数data :为当前table 渲染的数据 >数组
 *	参数key  : 为当前单元格的dataindex> string
 *	参数index :为当前单元格的第几行 >Number
 *  参数row :为table 当前行的数据对象  >Object
*/
 const  mergeCells=(  text , data , key , index , row)=>{
   
	//	判断上一行该列数据是否相等;
	//	如果相等则该单元格被上一列合并,直接返回rowSpan为 0 
	if( index !==0 && (text === data[index - 1][key])){
   
		return 0
	}
	let rowSpan=1;
	for(let i = index + 1; i < data.length; i++){
   
	//	判断下一行是否相等 ; 
		if(text != data[i][key])
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值