欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端合并单元格

程序员文章站 2022-03-04 13:48:27
...

做项目的时候发现的一个前人写的合并单元格的JQ,因为不是专业前端开发人员特此记录下来防止以后会用到

<script type="text/javascript" defer> 
$(function(){ 
	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); 
						$(this).hide(); 
					} else { 
						that = this; 
					} 
				}); 
			}); 
		}); 
	} 
	if($("#table1").length>0){
		$("#table1").rowspan(0);//传入的参数是对应的列数从0开始,哪一列有相同的内容就输入对应的列数值 
		$("#table1").rowspan(1); 
		$("#table1").rowspan(2); 
	}
	if($("#table2").length>0){
		$("#table2").rowspan(0);//传入的参数是对应的列数从0开始,哪一列有相同的内容就输入对应的列数值 
		$("#table2").rowspan(1); 
		$("#table2").rowspan(2); 
	}
	
}); 
</script>