700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > React antd table oncell 单元格自动合并

React antd table oncell 单元格自动合并

时间:2021-05-10 02:13:43

相关推荐

React antd table oncell 单元格自动合并

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方法去实现,也可实现此上图效果,如有需要,请自动查询噢~~~~

此现在实现效果经公司大佬指导,则效果论项目情况而定,欢迎大家评论,请多指教,谢谢!

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