引导表实现合并单元格效果

本文实例为大家分享了客户端运用bootstrapTable的合并单元格属性合并单元格来达到报表分析展示的直观效果。

Java脚本语言代码

声明合并单元格函数，如：

/** * 合并单元格* @param数据原始数据（在服务端完成排序)* @param fieldName合并属性名称* @param colspan合并列* @param目标目标表格对象*/函数合并单元格(数据、字段名称、列跨度、目标){ //声明一个地图计算相同属性值在数据对象出现的次数和var排序映射={ }；for(var I=0；一。数据。长度；I){ for(var prop in data[I]){ if(prop==字段名){ var key=data[I][prop]if(排序映射。hasown属性(键)){排序映射[键]=排序映射[键]* 11；} else {排序映射[键]=1；} break} } } for(排序映射中的var prop){控制台。log(prop，sort map[prop])} var index=0；for(排序映射中的var prop){ var count=排序映射[prop]* 1；$(目标)。bootstrapTable('mergeCells '，{index:index，field:fieldName，colspan: colspan，row span : count })；索引=计数；}}在bootstrapTable加载成功执行，如

onLoadSuccess :函数（数据){ var data=$('#table ').bootstrapTable('getData '，true)；//合并单元格合并单元格(数据、“companyTypeName”、1、$(“# table”)；},效果图

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。