<table id="mytable" width="14%" border="1" cellspacing="0" cellpadding="0"> <tr> <td width="40%">A</td> <td width="60%">1</td> </tr> <tr> <td width="40%">A</td> <td width="60%">2</td> </tr> <tr> <td width="40%">B</td> <td width="60%">1</td> </tr> <tr> <td width="40%">B</td> <td width="60%">1</td> </tr> <tr> <td width="40%">B</td> <td width="60%">3</td> </tr> <tr> <td width="40%">A</td> <td width="60%">1</td> </tr> </table> <input type="button" value="merge" οnclick="mergeCell()"> <script language="javascript"> function mergeCell() { var rows=mytable.rows; var nrow=0,nlastrow; var ncol=0;//for first column only,but you can use a loop here,if you want while(nrow <rows.length) { nlastrow=nrow++; while(nrow<rows.length && rows[nlastrow].cells[ncol].innerText==rows[nrow].cells[ncol].innerText) nrow++; if(nrow-nlastrow>1) { for(var i=nlastrow+1;i<nrow;i++) { rows[i].deleteCell(ncol); } rows[nlastrow].cells[ncol].rowSpan=nrow-nlastrow; } } } </script>
JS合并单元格。
最新推荐文章于 2024-09-22 11:17:00 发布