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>

      

     

  • 相关阅读:
    Qt数据库集成应用封装
    Qt个人研究进展
    Qt仿win7自动顶部最大化左侧右侧半屏效果
    Qt编写QUI皮肤生成器
    java定时任务
    进程间通信(java)--队列
    单例设计模式-java
    Java RMI
    远程调用方式概述
    IO模型-java版
  • 原文地址:https://www.cnblogs.com/bingrong/p/7842942.html
Copyright © 2011-2022 走看看