layui 合并表格中相邻且字符同的数据(静态表格)

合并表格的【第一列】相同数据:

//需要自己引入jq
$(function() {
	$("#table").rowspan(0); //传入的参数是对应的列数从0开始  第一列合并相同
    //如果想后面的列也合并,就0,1,2,3依次往后推算
});
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;
				}
			});
		});
	});
}

合并表格中【所有】相同数据:

$(function() {
    tablespan(table);
})

function tablespan(tb) {
	//合并行
	//列
	for (var i = tb1.rows[0].childNodes.length - 1; i >= 0; i--) {
		//行
		for (var j = tb1.rows.length - 1; j > 0; j--) {
			//当前单元格与上一单元格比较
			if (tb1.rows[j].childNodes[i].innerHTML == tb1.rows[j - 1].childNodes[i].innerHTML) {
				tb1.rows[j - 1].childNodes[i].rowSpan += tb1.rows[j].childNodes[i].rowSpan;
				tb1.rows[j].removeChild(tb1.rows[j].childNodes[i]);
			}
		}
	}

	//合并列
	//行
	for (var i = tb1.rows.length - 1; i >= 0; i--) {
		break; //不合并列
		//列
		for (var j = tb1.rows[i].childNodes.length - 1; j > 0; j--) {
			//当前单元格与左一单元格比较
			if (tb1.rows[i].childNodes[j].innerHTML == tb1.rows[i].childNodes[j - 1].innerHTML) {
				tb1.rows[i].childNodes[j - 1].colSpan += tb1.rows[i].childNodes[j].colSpan;
				tb1.rows[i].removeChild(tb1.rows[i].childNodes[j]);
			}
		}
	}
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值