jquery.table.rowspan 自动合并单元格rowspan插件使用方法

jquery.table.rowspan.js源码

(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);

使用方法

$(function () {
	$('#tb').rowspan(0) // 第一列
	$('#tb').rowspan(1)	// 第二列
})

posted on 2022-09-08 11:12  小馬過河﹎  阅读(507)  评论(0)    收藏  举报

导航