EasyUIDataGrid根据字段动态合并单元格

1.合并方法

/**
* EasyUI DataGrid根据字段动态合并单元格
* 参数 tableID 要合并table的id
* 参数 colList 要合并的列,用逗号分隔(例如&＃xff1a;"name,department,office");
*/
function mergeCellsByField(tableID, colList) {
    var ColArray &＃61; colList.split(",");
    var tTable &＃61; $("#" &＃43; tableID);
    var TableRowCnts &＃61; tTable.datagrid("getRows").length;
    var tmpA;
    var tmpB;
    var PerTxt &＃61; "";
    var CurTxt &＃61; "";
    var alertStr &＃61; "";
    for (j &＃61; ColArray.length - 1; j >&＃61; 0; j--) {
        PerTxt &＃61; "";
        tmpA &＃61; 1;
        tmpB &＃61; 0;

        for (i &＃61; 0; i <&＃61; TableRowCnts; i&＃43;&＃43;) {
            if (i &＃61;&＃61; TableRowCnts) {
                CurTxt &＃61; "";
            }
            else {
                CurTxt &＃61; tTable.datagrid("getRows")[i][ColArray[j]];
            }
            if (PerTxt &＃61;&＃61; CurTxt) {
                tmpA &＃43;&＃61; 1;
            }
            else {
                tmpB &＃43;&＃61; tmpA;
               
                tTable.datagrid("mergeCells", {
                    index: i - tmpA,
                    field: ColArray[j],　　//合并字段
                    rowspan: tmpA,
                    colspan: null
                });
                tTable.datagrid("mergeCells", { //根据ColArray[j]进行合并
                    index: i - tmpA,
                    field: "Ideparture",
                    rowspan: tmpA,
                    colspan: null
                });
              
                tmpA &＃61; 1;
            }
            PerTxt &＃61; CurTxt;
        }
    }
}

2.调用合并方法

  //呈现列表数据
        $(&＃39;#List&＃39;).datagrid({ pagination: true,
            onLoadSuccess: function (data) {
                if (data.rows.length > 0) {
                    //调用mergeCellsByField()合并单元格
                    mergeCellsByField("tbList", "No");
                }
            }
        });

说明:

mergeCellsByField(tableID, colList) ;

参数 tableID 要合并table的id
参数 colList 要合并的列,用逗号分隔(例如&＃xff1a;"name,department,office");

这种方法一般情况下都不会用&＃xff0c;因为合并出来的不美观

假如&＃xff1a;

如下

由于表格的限制&＃xff0c;没法合并第三列了&＃xff0c;3个“1”&＃xff0c;2个“2”&＃xff0c;合并掉&＃xff0c;大家就明白怎么不美观了&＃xff0c;不适合一般的查阅习惯

哈哈&＃xff0c;根据我方法里面的红色部分&＃xff0c;以一个为主列&＃xff0c;其他根据他的行数合并&＃xff0c;噢噢噢噢噢噢。成功啦

非常感谢

http://www.gogogogo.me/development/EasyUI-DataGrid-mergeCells.html

我弄了好多天没搞定&＃xff0c;真心的祝你全家健康幸福&＃xff01;&＃xff01;&＃xff01;&＃xff01;