/**

* 合并单元格

* @param data 原始数据(在服务端完成排序)

* @param fieldName 合并属性名称

* @param colspan 合并列

* @param target 目标表格对象

*/

function mergeCells(data,fieldName,colspan,target){

//声明一个map计算相同属性值在data对象出现的次数和

var sortMap = {};

for(var i = 0 ; i < data.length ; i++){

for(var prop in data[i]){

if(prop == fieldName){

var key = data[i][prop]

if(sortMap.hasOwnProperty(key)){

sortMap[key] = sortMap[key] * 1 + 1;

} else {

sortMap[key] = 1;

}

break;

}

}

}

for(var prop in sortMap){

console.log(prop,sortMap[prop])

}

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;

}

}

设置bootstrapTable加载成功后执行

onLoadSuccess : function(data) {

var data = $('#table').bootstrapTable('getData', true);

//合并单元格

mergeCells(data, "companyTypeName", 1, $('#table'));

},

BootStrap Table 合并单元格

为了更直观展示表格的一大堆乱七八糟的数据,合并单元格就派上用场: 效果: 贴上JSON数据(后台查询数据一定要对合并字段排序): [ { "city": "广州市&quo ...

bootstrap-table方法之：合并单元格

方法一 通过mergeCells方法 演示地址:http://issues.wenzhixin.net.cn/bootstrap-table/methods/mergeCells.html Merge ...

C&num; 获取Excel中的合并单元格

C# 获取Excel中的合并单元格 我们在制作表格时,有时经常需要合并及取消合并一些单元格.在取消合并单元格时需要逐个查找及取消,比较麻烦.这里分享一个简单的方法来识别Excel中的合并单元格,识别这 ...

jquery操作表格 合并单元格

jquery操作table,合并单元格,合并相同的行 合并的方法 $("#tableid").mergeCell({ cols:[X,X] ///参数为要合并的列}) /** * ...

NPOI操作EXCEL(五)——含合并单元格复杂表头的EXCEL解析

我们在第三篇文章中谈到了那些非常反人类的excel模板,博主为了养家糊口,也玩命做出了相应的解析方法... 我们先来看看第一类复杂表头: ...... 博主称这类excel模板为略复杂表头模板(蓝色部 ...

poi获取合并单元格内的第一行第一列的值

当读取如图所示的excel时,显示为第1行 第1列 的内容是:合并单元格 其它在合并单元格区域内的单元格不显示 示例代码如下: import java.io.FileInputStream; impo ...

Repeater多列分别合并单元格

GridView.Repeater合并单元格可以参考http://www.cnblogs.com/zhmore/archive/2009/04/22/1440979.html,但是原文例子是合并一列的 ...

Aspose&period;Cells 首次使用，用到模版填充数据，合并单元格，换行

Aspose.Cells 首次使用,用到模版填充数据,合并单元格,换行 模版格式,图格式是最简单的格式,但实际效果不是这种,实际效果图如图2 图2 ,注意看红色部分,一对一是正常的,但是有一对多的订单 ...

easyui datagrid 合并单元格

整理以前做的东西,这个合并单元格的问题再新浪博客也写过了..... 下面这段代码是列表数据 //载入排放系数管理报表数据 function LoadEmissionReportData() { //获 ...

随机推荐

Ajax&lowbar;05之跨域请求

1.跨域请求: Cross Domain Request:跨域名的HTTP请求,浏览器从某个域名下的资源访问了另一域名下的另一资源(协议.域名或是端口号不同): ①浏览器允许跨域请求的情形:  &lt ...

Spring JdbcTemplate方法详解

JdbcTemplate主要提供以下五类方法: execute方法:可以用于执行任何SQL语句,一般用于执行DDL语句: update方法及batchUpdate方法:update方法用于执行新增.修 ...

Mysql-学习笔记(&equals;&equals;》权限管理 十 三)

-- 用户与权限管理-- 查看当前服务器上的所有账号密码主机SELECT USER,PASSWORD,HOST FROM mysql.user; -- 设置账号密码SET PASSWORD=PASSW ...

centos下查看rpm包安装位置

1.如何安装rpm软件包 rpm -ivh your-package.rpm其中your-package.rpm是你要安装的rpm包的文件名,一般置于当前目录下. 2.如何卸载rpm软件包使用命令 r ...

how to run demo city bars using sencha architect

1. create a project using city bars template in sencha architect 2. save your project name as CityBa ...

&lpar;Android&plus;IOS&rpar;我们正在做一个新闻App&comma;做几乎一样的&comma;倾听您的建议 &lpar;画画&rpar;

(Android+IOS)我们正在做一个新闻App,做几乎一样的,倾听您的建议! 新闻采访是做,前端展示APP界面感觉还不是非常好,还须要改进改进,希望公布(Android和IOS版本号)前听听大家的 ...

【转】Python中实现远程调用(RPC、RMI)简单例子

远程调用使得调用远程服务器的对象.方法的方式就和调用本地对象.方法的方式差不多,因为我们通过网络编程把这些都隐藏起来了.远程调用是分布式系统的基础. 远程调用一般分为两种,远程过程调用(RPC)和远程 ...

设置元素text-overflow&colon; ellipsis后引起的文本对齐问题

.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 给元素设置了这个属性之后,该行内元素和旁边的 ...

键盘ascll码表

键盘ascll码表-自用