封裝Jquery 合併table中任何同列資料

2022-03-11 19:37:53 字數 1001 閱讀 2905

封裝**:

jquery.fn.rowspan = function (colidx) 

rowspan = number(rowspan) + 1;

$(that).attr("rowspan", rowspan);

$(this).hide();

} else

});});

});}

呼叫方式:

$("#ceshi").rowspan(0); //.rowspan(0)從0即第一列開始

2純js寫法:

function

hb()

else

else

tab.rows[start].cells[col].rowspan =count;

tab.rows[start].cells[1].style.backgroundcolor=ys;//

改變顏色

//ys="#eeee00";

"#00ffff";//改變顏色綠色

for(var j=start+1; j//

tab.rows[j].cells[col].style.display = "none";

tab.rows[j].removechild(tab.rows[j].cells[col]);

} count = 1;

} val =tab.rows[i].cells[col].innerhtml;

} }

if(count > 1 )

} }

}

第一種方法,僅用20行**就可實現該功能,而且封裝在jq庫裡面,其他頁面可以直接呼叫。也就是說,其他頁面只需一行**就可實現該功能。即$("#ceshi").rowspan(0);

比起第一種,第二種方法比較複雜,而且會把tabel裡面所有相同列都合併,不實用。而且要改成僅合併第一列的話也不太好實現。但是思路可以學習一下。

jquery 獲得table 行數

1.獲得table總行數,分別使用了兩種方法,結果不同 1 table id children tr length 只能獲得靜態頁面table 行數。2 table id tr length 可以獲得 在動態增減行數後的行數。2.刪除table行 1 刪除行 for var i 0 i2 刪除行 列...

JQuery實現table分頁

1.直接貼 var pagesize 2 每頁顯示的記錄條數 var curpage 0 顯示第curpage頁 var len 總行數var page 總頁數 function else displaypage lastpage click function else displaypage fu...

Element ui的 Table簡單封裝

換工作,使用ui框架從 ivew換到 element ui,發現 element ui的 table沒有 iview方便,需要做一點封裝,記錄一下,暫時做得很簡單,只加上一些必要的屬性,其他屬性有需要再加 1.table 元件 class tablegrid header row class nam...