當前位置：首頁 >

js合并表格

發布時間：2025/5/22 15 豆豆

生活随笔收集整理的這篇文章主要介紹了 js合并表格小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<html> <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>合并表格</title><script language="javascript" type="text/javascript">/// // 功能：合并表格 // 參數：tb－－需要合并的表格ID // 參數：colLength－－需要對前幾列進行合并，比如， // 想合并前兩列，后面的數據列忽略合并，colLength應為2 // 缺省表示對全部列合并 // data: 2005.11.6 ///function uniteTable(tb, colLength) {// 檢查表格是否規整 //if (!checkTable(tb)) return;var i = 0;var j = 0;var rowCount = tb.rows.length; // 行數 var colCount = tb.rows[0].cells.length; // 列數 var obj1 = null;var obj2 = null;//為每個單元格命名 for (i = 0; i < rowCount; i++) {for (j = 0; j < colCount; j++) {tb.rows[i].cells[j].id = "tb__" + i.toString() + "_" + j.toString();}}//合并行 for (i = 0; i < colCount; i++) {if (i == colLength) break;obj1 = document.getElementById("tb__0_" + i.toString())for (j = 1; j < rowCount; j++) {obj2 = document.getElementById("tb__" + j.toString() + "_" + i.toString());if (obj1.innerText == obj2.innerText) {obj1.rowSpan++;obj2.parentNode.removeChild(obj2);} else {obj1 = document.getElementById("tb__" + j.toString() + "_" + i.toString());}}}//合并列for (i = 0; i < rowCount; i++) {colCount = tb.rows[i].cells.length;obj1 = document.getElementById(tb.rows[i].cells[0].id);for (j = 1; j < colCount; j++) {if (j >= colLength) break;if (obj1.colSpan >= colLength) break;obj2 = document.getElementById(tb.rows[i].cells[j].id);if (obj1.innerText == obj2.innerText) {obj1.colSpan++;obj2.parentNode.removeChild(obj2);j = j - 1;}else {obj1 = obj2;j = j + obj1.rowSpan;}}}}/ // 功能：檢查表格是否規整 // 參數：tb－－需要檢查的表格ID // data: 2005.11.6 / function checkTable(tb) {if (tb.rows.length == 0) return false;if (tb.rows[0].cells.length == 0) return false;for (var i = 0; i < tb.rows.length; i++) {if (tb.rows[0].cells.length != tb.rows[i].cells.length) return false;}return true;} </script> </head> <body><table width="400" border="1" id="table1"><tr><td>a</td><td>for</td><td>for</td><td></td><td>100</td><td>200</td></tr><tr><td>a</td><td>for</td><td>for1</td><td></td><td>150</td><td>230</td></tr><tr><td>a</td><td>if1</td><td>if1</td><td></td><td>100</td><td>200</td></tr><tr><td>a</td><td>if2</td><td>if2</td><td></td><td>300</td><td>240</td></tr><tr><td>a</td><td>if</td><td>if</td><td></td><td>320</td><td>230</td></tr></table><br><input type="button" value="合并表格" οnclick="uniteTable(table1,3)"> </body> </html>

轉載于:https://www.cnblogs.com/zhengjuzhuan/archive/2011/03/01/1967710.html

總結

以上是生活随笔為你收集整理的js合并表格的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

表格
js