bootstrap-table合并单元格

1 合并单元格函数

//合并单元格
    function mergeCells(data, fieldName, colspan, target) {
        //声明一个map计算相同属性值在data对象出现的次数和
        let map = new Map();
        for (var i = 0; i < data.length; i++) {
            for (var prop in data[i]) {
                if (prop == fieldName) {
                    var key = data[i][prop];
                    if (map.has(key)) {
                        map.set(key, (map.get(key) * 1 + 1));
                    } else {
                        map.set(key, 1);
                    }
                    break;
                }
            }
        }
        var index = 0;

        map.forEach(function (value, key) {
            let count = value * 1;
            $(target).bootstrapTable('mergeCells', {index: index, field: fieldName, colspan: colspan, rowspan: count});
            index += count;
        })
    }

2 表格设置中调用

onLoadSuccess: function (data) {
　　let rows = $('#bootstrap-table').bootstrapTable('getData', true);
　　//合并单元格
   mergeCells(rows, "field", 1, $('#bootstrap-table'));
},

3 注意事项

bootstrap Table mergeCells使用fixedColumns固定列，固定列无法合并单元格；上述方法无法解决。

可参考：https://ask.fastadmin.net/question/39507.html?order=date

原文链接：https://blog.csdn.net/lixiang_0531/article/details/135717047