博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstraptable行合并
阅读量:5250 次
发布时间:2019-06-14

本文共 1296 字,大约阅读时间需要 4 分钟。

onLoadSuccess: function (data) {            data = $('#categorySonTab').bootstrapTable('getData', true);            //合并单元格            mergeCells(data, "name", 1, $('#categorySonTab'));            mergeCells(data, "url", 1, $('#categorySonTab'));            mergeCells(data, "cateWord", 1, $('#categorySonTab'));            mergeCells(data, "id", 1, $('#categorySonTab'));        },

 

合并方法(直接可用)

/** * 合并单元格 * @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;            }        }    }    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://www.cnblogs.com/abo666/p/11288303.html

你可能感兴趣的文章
解决windows系统的oracle数据库不能启动ora-00119和ora-00130的问题
查看>>
ip相关问题解答
查看>>
第九周作业
查看>>
Postman—添加断言和检查点
查看>>
网络文件下载
查看>>
Mixing Milk
查看>>
iOS下移除按钮原生样式
查看>>
如何保存图片
查看>>
js中严格模式
查看>>
win2003远程超出最大连接数解决办法
查看>>
内存堆和栈的区别
查看>>
MetaWeblog API Test
查看>>
数组方法
查看>>
ACM学习历程—HDU 5073 Galaxy(数学)
查看>>
反弹SHELL
查看>>
关闭Chrome浏览器的自动更新和升级提示
查看>>
移动、尺寸改变
查看>>
缓存三大问题
查看>>
poj2255Tree Recovery【二叉树重构】
查看>>
(21)模型层 -ORM之msql 聚合查询,F和Q(与、或、非查询)、分组查询
查看>>