html里动态合并单元格？在线的哦！
我在页面全是div，数据是从数据库里取出来的，页面代码主要如下：
<div id="letter" >
  <div id="tongxunlu_border">
  <div style="text-align: center; float: left;">
<div style="width:130px; float:left; margin-top: 5px;">所在部门</div>
<div style="width:150px; float:left;margin-top: 5px;">人员名称</div>
<div style="width:150px; float:left;margin-top: 5px;">所任职务</div>
<div style="width:180px; float:left;margin-top: 5px;">手机1</div>
<div style="width:180px; float:left;margin-top: 5px;">手机2</div>
<div style="width:120px; float:left;margin-top: 5px;">电话</div>
<div style="width:70px; float:left;margin-top: 5px;">顺序</div>
</div>
<div style="float: left;">
<c:forEach var="tongxunluShow" items="${tongxunluShow}">  
<div class="tongxunlu_content">  
<div class="gggl" style="width:130px;">${tongxunluShow.depname}</div>  
<div class="gggl" style="width:150px;" >${tongxunluShow.name}</div>
<div class="gggl" style="width:150px;" >${tongxunluShow.zhiwu}</div>
<div class="gggl" style="width:180px;">${tongxunluShow.b_phone}</div>
<div class="gggl" style="width:180px;" >${tongxunluShow.h_phone}</div>
<div class="gggl" style="width:120px;">${tongxunluShow.mobile}</div>
<div style="width:70px; float: left;">${tongxunluShow.order}</div>
</div>
  </c:forEach>
  </div>
  </div>
</div>

我想要合并部门那一列，相同的部门只显示一次，谁能给点代码参考下。注意我这是层，不是table.

------解决方案--------------------
js判断div的值是否一样