easyui动态合并单元格

刚做的时候在网上想找现成的,但是找到的都很复杂,不适合我这种小白,于是自己写了个易懂的.可以支持多列合并,复制ok了

onLoadSuccess:function(data) {
 
    vardata = $("#datagrid").datagrid('getRows');
    varqqName;
    varindex = 0;
    varrowsCount = 1;
    for(vari = 0; i < data.length; i++) {
        if(qqName != data[i].qqName) {
            qqName = data[i].qqName
            rowsCount = 1;
            index = i + 1;
        }else{
            rowsCount = rowsCount + 1;
            $(this).datagrid('mergeCells', {
                index: index,
                field:'qqName',
                rowspan: rowsCount
            })
        }
    }
}

onLoadSuccess是datagrid的一个配置项,想用的话用你的列field名称替换qqName就可以

(如果你的datagrid名字不是"datagrid"也吧引号里的datagrid换成你的),就是这么简单!

没有什么技术含量,随便转,估计也没人转...

还有一种更好的实现方式可以提高性能,现在是一行一行合并,可以改成这一列有几个不同的值合并几次

但是我的网页中一页才20行,就不优化了