bootstrapTable 合并单元格
2024-09-29 10:38:55
/**
* 合并单元格
* @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')); },
最新文章
- Url重写——伪静态实现
- 洛谷P1121 环状最大两段子段和
- 【POJ】2318 TOYS(计算几何基础+暴力)
- 通过restore database时重命名数据库rename database
- 配置 apt-get cloudera 离线source(Cloudera Manager的源)
- 窗口界面编程之一:VB实现简单异形窗口
- linux 下一个 osw先从操作系统和标准脚本主动发起
- iOS超全开源框架、项目和学习资料汇总:UI篇
- Angular 2的12个经典面试问题汇总(文末附带Angular测试)
- 简单两步快速学会使用Mybatis-Generator自动生成entity实体、dao接口和简单mapper映射(用mysql和oracle举例)
- Shortest path of the king
- 小程序中曾经遇到的坑(1)----canvas画布
- Python无法导入Cython的.pyx文件
- 【转】FFmpeg获取DirectShow设备数据(摄像头,录屏)
- asp.net Web API 身份验证 不记名令牌验证 Bearer Token Authentication 简单实现
- eclipse 使用Maven deploy命令部署构建到Nexus
- Redis集群迁移
- Project Euler Problem4
- 使用requests库实现多线程下载
- GCD 容易让人迷惑的几个问题