Ist es möglich, Rowspans zu wechseln?

Question

Ich denke, dieses Schema von dem, was ich versuche zu tun, wird beschreibender als die Frage selbst sein.

+------------------------+-----------------------+ 
|      |      | 
+      +-----------------------+ 
|      |      | 
+------------------------+      + 
|      |      | 
+      +-----------------------+ 
|      |      | 
+------------------------+-----------------------+ 
|      |      | 
+------------------------+-----------------------+ 

Wie Sie sehen können, bin ich versucht, eine 2-Spalten-Tabelle zu erstellen, in dem an einem gewissen Punkt ist es eine der Spalten der Lage sein sollte, rowspan und schließlich die anderen in den nächsten 2 Reihen.

Fehle ich einige offensichtliche Art, es zu tun, oder einige erweiterte Tabelle Tag/Attribut? Oder es gibt einfach keine Möglichkeit, das mit Tabellen zu tun?

Ich bin mir bewusst, dass es möglich ist, dies mit anderen Möglichkeiten zu erreichen, aber Tabellen sind was ich interessiere, und worum geht es?

Zum Vergleich: Es gibt einige Dinge, die ich habe versucht, und es gelang nicht http://jsfiddle.net/dbtYk/

Answer 1

Wenn ich etwas verpasst haben, here is an example basierend auf Ihren jsfiddle

<table> 
    <tr style="height:20px;"> 
     <td rowspan="2">left</td> 
     <td>right</td> 
    </tr> 
    <tr style="height:20px;"> 
     <td rowspan="2">right</td> 
    </tr> 
    <tr style="height:20px;"> 
     <td rowspan="2">left</td> 
    </tr> 
    <tr style="height:20px;"> 
     <td>right</td> 
    </tr> 
    <tr> 
     <td>left</td> 
     <td>right</td> 
    </tr> 
</table> 

UPDATE

Wie von Cicada darauf hingewiesen, funktioniert das oben genannte leider nicht in Chrome.

UPDATE 2

Wie bereits von Alohci aus, eine Höhe Hinzufügen es in Chrome arbeiten macht. Das Obige wurde geändert, um dies zusammen mit einem new jsfiddle widerzuspiegeln.

Answer 2

Natürlich ist das möglich ist :-)

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

einfach die Zellen überspringen, die bereits von segmentierter Zellen aus einer vorherigen Reihe abgedeckt werden.