table合并相同单元格的问题 谁能解决,感激不尽,都来看看啊
<script type="text/javascript">
function mc(tableId, startRow, endRow, col) {
var tb = document.getElementById(tableId);
if (col >= tb.rows[2].cells.length)
{
return;
}
if (col == 0)
{
endRow = tb.rows.length-1;
}
for (var i = startRow; i < endRow; i++)
{
if (tb.rows[startRow].cells[col].innerHTML == tb.rows[i + 1].cells[0].innerHTML)
{
tb.rows[i + 1].removeChild(tb.rows[i + 1].cells[0]);
tb.rows[startRow].cells[col].rowSpan = (tb.rows[startRow].cells[col].rowSpan | 0) + 1;
if (i == endRow - 1 && startRow != endRow)
{
mc(tableId, startRow, endRow, col + 1);
}
}
else {
mc(tableId, startRow, i + 0, col + 1);
startRow = i + 1;
}
}
}
</script>
HTML代码
<table width="400" border="1" id="table2">
<tr>
<td>a</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>a</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>6</td>
</tr>
<tr>
<td>a</td>
<td>2</td>
<td>3</td>
<td>3</td>
<td>4</td>
<td> </td>
</tr>
<tr>
<td>a</td>
<td>2</td>
<td>3</td>
<td>3</td>
<td>4</td>
<td> </td>
</tr>
<tr>
<td>b</td>
<td>3</td>
<td>4</td>
<td>6</td>
<td>7</td>
<td> </td>
</tr>
<tr>
<td>b</td>
<td>3</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td> </td>
</tr>
<tr>
<td>cc</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td> </td>
</tr>
<tr>
<td>cc</td>
<td>2</td>
<td>3</td>
<td>5</td>
<td>5</td>
<td> </td>
</tr>
<tr>
<td>d</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td> </td>
</tr>
<tr>
<td>e</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td> </td>
</tr>
</table>调用:mc("table2",0,0,0)
合并前:

合并后

发现问题是: if (tb.rows[startRow].cells[col].innerHTML == tb.rows[i + 1].cells[0].innerHTML)
这句在递归回调时,判断列出现了问题,但我现在有些搞不懂,为什么要用 tb.rows[i + 1].cells[0].innerHTML 判断
而不是 tb.rows[i + 1].cells[col].innerHTML 为什么cells[0]始终为0 ?
...全文
相关推荐
python实现在Word表格中将上下行相同内容的单元格自动合并
python实现在Word表格中将上下行相同内容的单元格自动合并
el-table动态合并单元格[项目源码]
本文详细介绍了如何在el-table中实现动态合并相同数据单元格的四种方法:1. 固定合并行列的基础用法;2. 动态合并所有列相同数据单元格;3. 指定特定列进行动态合并;4. 结合自定义条件实现更灵活的合并逻辑。通过代码示例展示了如何利用span-method方法,处理不同场景下的单元格合并需求,包括处理跨行合并、避免误合并等实际问题。最后提供了完整的Vue组件代码,可直接应用于实际项目中的表格合并需求。
jquery.table.rowspan.js 表格自动合并单元格插件
日常开发中,经常遇到表格里需要自动合并单元格,考虑到写服务器控件比较消耗性能,因些还是把这种工作交给客户端Javascript去做吧,基于习惯用jquery框架,所以封装了一个Jquery插件。
合并table的行
合并table的行,相同项的行会自动合并
py源码实例在Word表格中将上下行相同内容的单元格自动合并
py源码实例自动办公在Word表格中将上下行相同内容的单元格自动合并提取方式是百度网盘分享地址


