1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > antd React table 根据返回数据合并单元格

antd React table 根据返回数据合并单元格

时间:2022-12-31 23:38:30

相关推荐

antd React table 根据返回数据合并单元格

1.首先获取需要判断是否合并的字段,取出来去重之后存到数组中:

方法

1.for each 2.reduce 3.for of 获取需要合并得数据字段去重

2.for each 2.reduce 3.for of 循环后台返回数据,根据所对应得合并字段的索引值进行判断,索引值为0时 设置rowSpan

以reduce为例:第一个参数为累加函数,第二个参数为初始值

data.reduce((arr, item) => {

console.log(arr,'arr');

console.log(item,'item')

//首先将tag字段作为新数组arr取出

if (arr.indexOf(item.tag) < 0) {

arr.push(item.tag)

}

return arr

}, []).reduce((arr, tag) => {

//将name相同的数据作为新数组取出,并在其内部添加新字段**rowSpan**

const children = data.filter(item => item.tag === tag);

arr= arr.concat(

children.map((item, index) => ({

...item,

rowSpan: index === 0 ? children.length : 0,//将第一行数据添加rowSpan字段

}))

)

return arr;

}, [])

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。