jsjquery 合并相同单元格

JavaScript010

jsjquery 合并相同单元格,第1张

获取值的方式是对的

用个固定的位置示例:

if (tb.rows[0].cells[0].innerHTML == tb.rows[1].cells[0].innerHTML) {

//伪代码

tb.rows[1].deleteCell(0)

tb.rows[0].cells[0].rowspan =2

}

为什么要用js呢?table本身就有合并单元格的功能,其实如果你用js也是给table添加对应的样式。具体代码如下:

<style>

table{ border-collapse:collapse}

table td{ border:2px solid #ddd width:50px height:25px text-align:center}

</style>

<table>

  <tr>

    <td colspan="2">123</td> //横向合并单元格

    <td>456</td>

    <td>789</td>

  </tr>

  <tr>

    <td rowspan="2">123</td> //竖向合并单元格

    <td>456</td>

    <td>456</td>

    <td>456</td>

  </tr>

  <tr>

    <td>123</td>

    <td>456</td>

    <td>456</td>

  </tr>

</table>

HTML页面上做表格合并是很蛋疼的事、表格选中都是问题。

我做Table做单元格仿Excele合并、删除操作。。。。无果。

用Table单元格做合并,如果有条件让单元格选中的话,可以操作rowspan和colspan属性进行、、

用div更疼了、、、、、合并的话就是要改变页面代码,两个div合并、还不如选择用Table、何况你刚才说你在网上找的资料都是talbe合并的。。好歹有个参考。