easyui 单元格合并

Posted Summer-Zheng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui 单元格合并相关的知识,希望对你有一定的参考价值。

需求:

      比较指定列的内容,若一致则合并。

代码:

//指定要合并的列
function mergeCell()
	mergeCellsByField("dg", "brand,carType,monthPlan,monthAmount,weekDecomposition,weekAmount", 0);


//合并车型和品牌
function mergeCellsByField(tableID, colList, mainColIndex) 
    var ColArray = colList.split(",");
    var tTable = $('#' + tableID);
    var TableRowCnts = tTable.datagrid("getRows").length;
    var tmpA;
    var tmpB;
    var PerTxt = "";
    var CurTxt = "";
    var alertStr = "";
    for (var i = 0; i <= TableRowCnts ; i++) 
        if (i == TableRowCnts) 
            CurTxt = "";
        
        else 
            CurTxt = tTable.datagrid("getRows")[i][ColArray[mainColIndex]];
        
        if (PerTxt == CurTxt) 
            tmpA += 1;
        
        else 
            tmpB += tmpA;
            for (var j = 0; j < ColArray.length; j++) 
                tTable.datagrid('mergeCells', 
                    index: i - tmpA,
                    field: ColArray[j],
                    rowspan: tmpA,
                    colspan: null
                );
            
            tmpA = 1;
        
        PerTxt = CurTxt;
    
推荐博客:http://www.cnblogs.com/senyier/p/3848379.html

以上是关于easyui 单元格合并的主要内容,如果未能解决你的问题,请参考以下文章

JQuery EasyUI DataGrid动态合并单元格

easyui表格,单元格合并

easyui中datagrid合并单元格后,当开启其他列某一个单元格进入编辑状态时,合并行会出现错位,该怎么解决啊

easyui datagrid 合并 相同行

Easy Ui 中的单元格合并问题

EasyUI datagrid editCell 编辑完单元格后如何取消编辑状态?