1. 程式人生 > >動態合併table資料相同列

動態合併table資料相同列

1、引入jquery

2、引入jquery合併外掛:

<script type="text/javascript">
    jQuery.fn.rowspan = function(colIdx) { //封裝的一個JQuery小外掛
        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);
                    $(that).css("vertical-align","middle");
                    $(this).hide();
                 } else {
                    that = this;
                 }
              });
           });
        });
     }
  </script>

3、頁面初始化載入完後,呼叫合併:

$("table").rowspan(要合併的列);