做毕设的时候写的合并横向单元格的js代码,分享一下下,还是小菜鸟,勿喷

本文介绍了一种使用JavaScript实现的表格数据处理方法,该方法能够自动检测并合并表格中相同的数据单元格,有效减少重复数据的显示,提升用户体验。通过遍历表格的每一行和每一列,比较相邻单元格的内容来实现这一功能。
window.onload = function() {
		var tab = document.getElementById("itb");
<span style="white-space:pre">	</span>var rows = $("#itb tr").length;
<span style="white-space:pre">	</span>var cells = $("#itb td").length / rows;
<span style="white-space:pre">	</span>for ( var i = 1; i < rows; i++) {
<span style="white-space:pre">		</span>var countcells = 1;
<span style="white-space:pre">		</span>var list = new Array();
<span style="white-space:pre">		</span>for ( var j = 1; j < cells; j++) {


<span style="white-space:pre">			</span>var h = j + 1;
<span style="white-space:pre">			</span>var n = tab.rows[i].cells[j].innerHTML;
<span style="white-space:pre">			</span>var p = tab.rows[i].cells[h].innerHTML;
<span style="white-space:pre">			</span>if (n == p && n != "" && n != null) {
<span style="white-space:pre">				</span>countcells++;
<span style="white-space:pre">				</span>continue;
<span style="white-space:pre">			</span>} else {
<span style="white-space:pre">				</span>if (countcells != 1) {
<span style="white-space:pre">					</span>var m = j + 1 - countcells;
<span style="white-space:pre">					</span>tab.rows[i].cells[m].colSpan = countcells;
<span style="white-space:pre">					</span>for ( var k = m+1; k <= j; k++) {
<span style="white-space:pre">						</span>list.push(k);
<span style="white-space:pre">					</span>}
<span style="white-space:pre">				</span>}


<span style="white-space:pre">				</span>countcells = 1;


<span style="white-space:pre">			</span>}


<span style="white-space:pre">		</span>}


<span style="white-space:pre">		</span>if (countcells != 1) {
<span style="white-space:pre">			</span>var a = j + 1 - countcells;
<span style="white-space:pre">			</span>tab.rows[i].cells[a].colSpan = countcells;


<span style="white-space:pre">			</span>for ( var b = a+1; b <= j; b++) {
<span style="white-space:pre">				</span>list.push(b);
<span style="white-space:pre">			</span>}


<span style="white-space:pre">		</span>}
<span style="white-space:pre">		</span>var count = 0;
<span style="white-space:pre">		</span>for ( var we = 0; we < list.length; we++) {
<span style="white-space:pre">			</span>tab.rows[i].cells[list[we] - count].remove();
<span style="white-space:pre">			</span>count++;
<span style="white-space:pre">		</span>}


<span style="white-space:pre">	</span>}
	};

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值