tnblog
首页
视频
资源
登录

Bootstrap-table 表格合并相同名字的列和相同列

5898人阅读 2021/4/29 16:29 总访问:76522 评论:0 收藏:0 手机
分类: js


耍朋友的时候要像已经结婚了 结了婚要当这婚还没结

   
   /*

     *合并行

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

     *@param fieldName 合并属性名称数组

     *@param colspan 列数

     *@param target 目标表格对象

    */

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

        if (data.length == 0) {

            alert("不能传入空数据");

            return;

        }

        var numArr = [];

        var value = data[0][fieldName];

        var num = 0;

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

            if (value != data[i][fieldName]) {

                numArr.push(num);

                value = data[i][fieldName];

                num = 1;

                continue;

            }

            num++;

        }

        if (typeof (value) != "undefined" && value != "") {

            numArr.push(num);

        }

        var merIndex = 0;

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

            $(target).bootstrapTable('mergeCells',

                {

                    index: merIndex,

                    field: fieldName,

                    colspan: colspan,

                    rowspan: numArr[i]

                })

            merIndex += numArr[i];

        }

    }

 /*

    * 合并列

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

    * @param fieldName 合并属性数组

    * @param target    目标表格对象

    */

    function mergeColspan(data, fieldNameArr, target) {

        if (data.length == 0) {

            alert("不能传入空数据");

            return;

        }

        if (fieldNameArr.length == 0) {

            alert("请传入属性值");

            return;

        }

        var num = -1;

        var index = 0;

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

            num++;

            for (var v in fieldNameArr) {

                index = 1;

                if (data[i][fieldNameArr[v]] != data[i][fieldNameArr[0]]) {

                    index = 0;

                    break;

                }

            }

            if (index == 0) {

                continue;

            }

            $(target).bootstrapTable('mergeCells', { index: num, field: fieldNameArr[0], colspan: fieldNameArr.length, rowspan: 1 });

        }

    }

原文章地址https://www.cnblogs.com/zhukaixin/p/11376654.html

评价
此时幽梦远,不觉到山边!!!
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术