jquery 合并单元格,rowspan

(function ($) {
    $.fn.extend({
        //表格合并单元格,colIdx要合并的列序号,从0开始  
        "rowspan": function (colIdx) {
            return this.each(function () {
                var that;
                $('tr', this).each(function (row) {
                    $('td:eq(' + colIdx + ')', this).filter(':visible').each(function (col) {
                        if (that != null && $(this).html() == $(that).html()) {
                            rowspan = $(that).attr("rowSpan");
                            if (rowspan == undefined) {
                                $(that).attr("rowSpan", 1);
                                rowspan = $(that).attr("rowSpan");
                            }
                            rowspan = Number(rowspan) + 1;
                            $(that).attr("rowSpan", rowspan);
                            $(this).hide();
                        } else {
                            that = this;
                        }
                    });
                });
            });
        }
    });
})(jQuery);
调用
$("#tableRelate").rowspan(0); //第一列合并 $("#tableRelate").rowspan(1);//第二列合并
如果是单个数据,合并行
<#if rhQyList['xxgyDwdb']??&&rhQyList['xxgyDwdb']?size gt 0>
                    <#list rhQyList['xxgyDwdb'] as dwdb>
                    <tr>
                        <td>${dwdb.dbTitle}</td>
                        <td>${dwdb.strokeCount}</td>
                        <td>${dwdb.suretyAmount}</td>
                        <td>${dwdb.normal}</td>
                        <td>${dwdb.concern}</td>
                        <td>${dwdb.renege}</td>
                        <#if dwdb_index == 0>
                            <td rowspan="${rhQyList['xxgyDwdb']?size}">${rhQyList['totalBalance']}</td>
                        </#if>
                    </tr>
                    </#list>
                </#if>

 

  

 

posted on 2017-11-16 10:12  火玉  阅读(7529)  评论(0编辑  收藏  举报