動態合併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(要合併的列);