Javascript 控制單元格合併

阿新 • • 發佈：2018-12-30

/////////////////////////////////////////////// // 功能：合併表格 // 引數：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) return; 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()); } } } } ///////////////////////////////////////// // 功能：檢查表格是否規整 // 引數：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; }

Javascript 控制單元格合併

Javascript 控制單元格合併

用JavaScript動態實現單元格合併

js控制單元格行列相同內容合併

JavaScript動態新增表格並單元格合併處理

JS合併單元格、JavaScript單元格合併

Qt實現表格控制元件-支援多級列表頭、多級行表頭、單元格合併、字型設定等

Vue.js 根據資料，進行Table單元格合併

學習vba之按列合併將選定區域的單元格合併成一列

easyui datagrid單元格合併

foreach遍歷，連續的值的單元格合併

動態單元格合併---antd的table元件

C# DataGridView單元格合併與文字居中

所見即所得，使用Java將HTML解析為Excel，支援多級表頭巢狀、單元格合併

HTML 幾個Table例項。單元格合併、點選新增行

layui table 單元格合併

HTML學習2——列表標籤，表格標籤，單元格合併

POI實現EXCEL單元格合併及邊框樣式

C# DataGridView匯出Excel，設定單元格合併，隱藏行

ASP.NET Gridview 控制單元格換行及隱藏列

JQuery實現表格裡面的相同內容的單元格合併

Javascript 控制單元格合併

相關推薦