ligerUi表格单元格合并

最新推荐文章于 2020-11-28 03:34:23 发布

最新推荐文章于 2020-11-28 03:34:23 发布 · 628 阅读

javascript 专栏收录该内容

161 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的动态合并表格单元格的方法。通过遍历指定列的每个单元格，比较相邻单元格的内容来决定是否进行合并，并设置合并后的单元格跨行显示属性。该方法能够有效地处理重复数据，简化表格显示。

//合并单元格
        	function mergeCell(gridid, columnid) { //参数:表格id和列索引关键字，根据表格具体值来动态合并单元格
        	    var i, j, k, x;
        	    i = -1; k = 1; j = ""; x = 0;
        	    var cellname = "";
        	    $("td[id$='|" + columnid + "']", gridid).each(
        	        function() {
                           if($(this).parent().hasClass("l-grid-totalsummary"))return false;//不合并合计行
 
         	             if (j == $("div", this).text() || $("div", this).text() == '') {
        	                $(this).addClass("l-remove");
        	                k++;
        	                $("td[id='" + cellname + "']", gridid).attr("rowspan", k.toString());
        	            } else {
        	                j = $("div", this).text();
        	                var a = $(this);
        	                cellname = a.attr("id"); //得到点击处的id
        	                k = 1;
        	                x = i;
        	            }
        	            i++;
        	        });
        	    $(".l-remove").remove();
        	}