datagrid中单元格合并

最新推荐文章于 2023-07-03 15:08:52 发布

Carlos_xf

最新推荐文章于 2023-07-03 15:08:52 发布

阅读量288

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：单元格合并 datagrid

本文链接：https://blog.youkuaiyun.com/Carlos_xf/article/details/97621275

前端专栏收录该内容

4 篇文章

订阅专栏

本文探讨了在datagrid中如何实现单元格的合并，详细解析了相关技术和方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

datagrid中合并单元格

onLoadSuccess: function (data) {
            var start = 0;
            var end = 0;
            if (data.total > 0) {
                var temp = data.rows[0].unitName;
                for (var i = 1; i < data.rows.length; i++) {
                    if (temp == data.rows[i].unitName) {
                        end++;
                    } else {
                        if (end > start) {
                            $(this).datagrid('mergeCells', {
                                index: start,
                                rowspan: end - start + 1,
                                field: 'unitName'
                            });
	                        $(this).datagrid('mergeCells', {
	                            index: start,
	                            rowspan: end - start + 1,
	                            field: 'areaNum'
	                        });
	                        $(this).datagrid('mergeCells', {
	                            index: start,
	                            rowspan: end - start + 1,
	                            field: 'id'
	                        });
                        }
                        temp = data.rows[i].unitName;
                        start = i;
                        end = i;
                    }
                }
                /*这里是为了判断重复内容出现在最后的情况，如ABCC*/
                if (end > start) {
                    $(this).datagrid('mergeCells', {
                        index: start,
                        rowspan: end - start + 1,
                        field: 'unitName'
                    });
                    $(this).datagrid('mergeCells', {
                        index: start,
                        rowspan: end - start + 1,
                        field: 'areaNum'
                    });
                    $(this).datagrid('mergeCells', {
                        index: start,
                        rowspan: end - start + 1,
                        field: 'id'
                    });
                }
            }
            
        }