1.上下合并（列合并）

? ?

$.fn.MergeColumns = function() {
return this.each(function() {
for (var i = $(this).find('tr:first td').size() - 1; i >= 0; i--) { //獲取表格td的數量進行循環
var s = null;
var prevTd = null;
$(this).find('tr').each(function() {
var td = $(this).find('td').eq(i);
var s1 = td.text();
if (s1 == s) { //相同即執行合并操作
td.hide(); //hide() 隱藏相同的td ,remove()會讓表格錯位 此處用hide
prevTd.attr('rowspan', prevTd.attr('rowspan') ? parseInt(prevTd.attr('rowspan')) + 1 : 2); //賦值rowspan屬性
}
else {
s = s1;
prevTd = td;
}
});
}
});
}

調用:

$("#TableId").MergeColumns();

調用前:

調用后:

2.左右合并（行合并）

$.fn.MergeRows = function() {
return this.each(function() {
$(this).find('tr').each(function() {
var s = null;
var prevTd = null;
for (var i = 0; i < $(this).find('td').size(); i++) {
var td = $(this).find('td').eq(i);
var s1 = td.text();
if (s1 == s) { //相同即執行合并操作
td.hide(); //hide() 隱藏相同的td ,remove()會讓表格錯位 此處用hide
prevTd.attr('colspan', prevTd.attr('colspan') ? parseInt(prevTd.attr('colspan')) + 1 : 2); //賦值colspan屬性
}
else {
s = s1;
prevTd = td;
}
}
});
});
}

調用：

$("#TableId").MergeRows ();

調用前:

調用后：

轉載于:https://www.cnblogs.com/ericyi/archive/2011/09/22/2185139.html

總結

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

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