bootstrapTable之表格合并
发布日期:2022-03-04 12:48:41
浏览次数:32
分类:技术文章
本文共 1081 字,大约阅读时间需要 3 分钟。
1.思路
1>数据序列化。整理出同字段值并列行的数据格式。如:
[{name: wang}, {name: wang}, {name:fu}, {name: fu}]
2>计算同字段值并列行的个数数组。如:[2, 2]
3>利用bootstrapTable自带的mergeCells方法进行合并。如$(target).bootstrapTable('mergeCells',{index:index, field:fieldName, colspan: colspan, rowspan: count});
2.代码
mergeCells(TBArr,"name", "name", 1, $('#dt-table'))function mergeCells(data,name,fieldName,colspan,target){ //声明一个map计算相同属性值在data对象出现的次数和 var sortMap = { }; for(var i = 0 ; i < data.length ; i++){ for(var prop in data[i]){ if(prop == name){ var key = data[i][prop] if(sortMap.hasOwnProperty(key)){ sortMap[key] = sortMap[key] * 1 + 1; } else { sortMap[key] = 1; } break; } } } var index = 0; for(var prop in sortMap){ var count = sortMap[prop] * 1; $(target).bootstrapTable('mergeCells',{ index:index, field:fieldName, colspan: colspan, rowspan: count}); index += count; } }
转载地址:https://blog.csdn.net/qq_44308920/article/details/121095959 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年03月19日 13时50分20秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
五色新丝缠角粽 粽享孝养温情|九巨龙孝养城带您粽情一夏
2019-04-25
九巨龙这两学校竟麦浪滚滚!太美!太用心!
2019-04-25
高端内存的由来(为什么需要高端内存)
2019-04-25
Android 第三方分享 ShareSDK 回调不成功问题
2019-04-25
AndroidStudio Instant Run 报错问题
2019-04-25
Android 优秀源码收集方式
2019-04-25
Android View的事件分发及拦截机制分析
2019-04-25
从零开始学 Java 之 基础语法(中)
2019-04-25
从零开始学 Java 之 基础语法(运算符)
2019-04-25
自我复盘 | 千万别在错误的时间段,高估了自己!
2019-04-25
租房是每个奋斗者的必修课
2019-04-25
程序员过劳晕倒 | 到底是谁剥夺了我们下班的权利?
2019-04-25
Google 开发者大会申请结果出来啦
2019-04-25
想认识比你厉害的人,你应该注意的几个细节
2019-04-25
你辛辛苦苦考的大学,就有资格让你去骚扰女生?
2019-04-25
微信更新,重点关注!
2019-04-25
这个小常识,竟然还有人不知道!
2019-04-25
对降准的一点看法
2019-04-25
你有「玻璃心」吗?
2019-04-25
解惑 | 一个接地气的提问!
2019-04-25