欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery 合并单元格,rowspan

程序员文章站 2024-02-28 19:16:28
...
(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>