JS合并单元格问题

本帖最后由 zhangxuhetalaopo 于 2009-07-22 16:40:41 编辑

解决方案 »

  1.   


    <table border="1">
    <tr><td rowSpan="3">1</td><td>2</td><td>3</td></tr>
    <tr><td>5</td><td>6</td></tr>
    <tr><td>4</td><td>6</td></tr>
    <tr><td rowSpan="2">2</td><td>1</td><td>1</td></tr>
    <tr><td>7</td><td>7</td></tr>
    <table>
      

  2.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>test</title>
    <script>
    window.onload = function(){
    var t = document.getElementById("tab");
    var v = 0;
    var r = 0;
    for(var i=0;i<t.rows.length;i++){
    if(t.rows(i).cells(0).innerText!=v){
    v = t.rows(i).cells(0).innerText;
    r = i;
    }else{
    t.rows(i).align = "left";
    t.rows(i).deleteCell(0);
    t.rows(r).cells(0).rowspan = i-r+1;
    }
    }
    t.outerHTML = t.outerHTML;
    }
    </script>
    </head><body>
    <table id="tab" border="1" width="200">
    <tr align=center valign=top>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    </tr>
    <tr align=center valign=top>
    <td>1</td>
    <td>5</td>
    <td>6</td>
    </tr>
    <tr align=center valign=top>
    <td>1</td>
    <td>4</td>
    <td>6</td>
    </tr>
    <tr align=center valign=top>
    <td>2</td>
    <td>1</td>
    <td>1</td>
    </tr>
    <tr align=center valign=top>
    <td>2</td>
    <td>7</td>
    <td>7</td>
    </tr>
    </table>
    <br/>
    <table id="tab" border="1" width="200">
    <tr align=center valign=top>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    </tr>
    <tr align=center valign=top>
    <td>1</td>
    <td>5</td>
    <td>6</td>
    </tr>
    <tr align=center valign=top>
    <td>1</td>
    <td>4</td>
    <td>6</td>
    </tr>
    <tr align=center valign=top>
    <td>2</td>
    <td>1</td>
    <td>1</td>
    </tr>
    <tr align=center valign=top>
    <td>2</td>
    <td>7</td>
    <td>7</td>
    </tr>
    </table>
    </body></html>
      

  3.   

    ls的高手啊，学习了
    t.outerHTML = t.outerHTML这句什么意思啊？