zoukankan      html  css  js  c++  java
  • 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>

      

     

  • 相关阅读:
    JavaScript与C# Windows应用程序交互方法
    CREATE TABLE 表名 AS SELECT 语句
    从新开始
    window下安装redis
    最终,我们都变成了机器
    这个网址很学习
    改变你一生命运的话语 不得不信
    看《超级演说家》有感
    网页布局的一点感触
    最近状态不好
  • 原文地址:https://www.cnblogs.com/bingrong/p/7842942.html
Copyright © 2011-2022 走看看