封装的一个JQuery插件，作用是实现动态单元格合并

最新推荐文章于 2020-01-02 14:26:26 发布

原创最新推荐文章于 2020-01-02 14:26:26 发布 · 1.1k 阅读

CC 4.0 BY-SA版权

本文介绍了一个基于JQuery的表格单元格合并插件，该插件能够实现在表格中对具有相同内容的单元格进行自动合并，提高表格数据展示的效率与美观度。

function colsInit(tab){
			
			//封装的一个JQuery插件 ，作用是实现动态单元格合并
			jQuery.fn.rowspan = function(colIdx) { 
				 return this.each(function(){
					 var that; 
					 
					 var rows;
					 
					 $('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; 
							 } 
						 }); 
					 }); 
					 
					 
				 }); 
				 }
				 
				 $(function() {
					 $('#'+tab+'').rowspan(0);//传入的参数是对应的列数从0开始，哪一列有相同的内容就输入对应的列数值	 
				 }); 
		}