日期:2014-05-16  浏览次数:20353 次

实现表格的分组效果



谁能帮我实现下,网上的单元格合并那些不满足这个需求,如果写好了 ,分全部奉送!!

------解决方案--------------------
引用:
 
你真是个“牛人”啊,小弟佩服!!!从网上DOWN的代码吧?给你截图看看你的效果


你看看mergeCell('tab1',0);
mergeCell('tab1',1);
自己看看为什么第二列没有合并??

是我的调用方式有问题?

mergeCell('tab1',0);
mergeCell('tab1',1);
mergeCell('tab1',2);
还是倒过来
mergeCell('tab1',2);
mergeCell('tab1',1);
mergeCell('tab1',0);
纯粹是不求甚解,没看我的需求!

从网上DOWN的代码吧,汗 你其它地方有看到过?我赶着下班前帮你写出来容易麻我
我只写个例子提出思路
好吧还是按你要求改了下

<table id="tab1" width="200" border="1" >
  <tr>
    <td >a</td>
    <td>x1</td>
    <td>1</td>
  </tr>
  <tr>
    <td>a</td>
    <td>x1</td>
    <td>2</td>
  </tr>
  <tr>
    <td>a</td>
    <td>x2</td>
    <td>1</td>
  </tr>
  <tr>
    <td>b</td>
    <td>x3</td>
    <td>1</td>
  </tr>
  <tr>
    <td>c</td>
    <td>x4</td>
    <td>2</td>
  </tr>
  <tr>
    <td>d</td>
    <td>x5</td>
    <td>2</td>
  </tr>
</table>
<script>
    //tabId:表ID 
    function mergeCell(tabId){
        var tb=document.getElementById(tabId),rs=tb.rows,ac,acv;
        if(!rs.length) return;
        for(var i=0,L=rs[0].cells.length;i<L;i++){