使用js方法将table表格中指定列指定行中相同内容的单元格进行合并操作。

 1 function MergeTableCell(tableId, startRow, endRow, col) {
 2     var tb = document.getElementById(tableId);
 3     //设置为0时,检索所有行
 4     if (endRow == 0) {
 5         endRow = tb.rows.length - 1;
 6     }
 7     //指定数据行索引大于表格行数
 8     if (endRow >= tb.rows.length) {
 9         return;
10     }
11     //检测指定的列索引是否超出表格列数
12     if (col >= tb.rows[0].cells.length) {
13         return;
14     }
15     //循环需要判断的数据行
16     for (var i = startRow; i < endRow; i++) {
17         //如果当前行与下一行数据值相同，则进行前面列的判断
18         if (tb.rows[startRow].cells[col].innerHTML == tb.rows[i + 1].cells[col].innerHTML) {
19             var Same = true;
20             //循环跟前面的所有的同级数据行进行判断
21             for (var j = col; j > 0; j--) {
22                 if (tb.rows[startRow].cells[j - 1].innerHTML != tb.rows[i + 1].cells[j - 1].innerHTML) {
23                     Same = false;
24                     break;
25                 }
26             }
27             //如果前面的同级数据行的值均相同，则进行单元格的合并
28             if (true == Same) {
29                 //如果相同则删除下一行的第0列单元格  
30                 tb.rows[i + 1].cells[col].style.display = ‘none‘;
31                 //更新rowSpan属性  
32                 tb.rows[startRow].cells[col].rowSpan = (tb.rows[startRow].cells[col].rowSpan | 0) + 1;
33             }
34             else {
35                 //增加起始行  
36                 startRow = i + 1;
37             }
38         }
39         else {
40             //增加起始行  
41             startRow = i + 1;
42         }
43     }
44 }