2016-05-10 6 views
0

Ich möchte meine Zeile 3 aussehen wie Zeile 1 in Erscheinung. Anfangs versuchte ich rowspan = "1.5" zu geben, da es nicht funktionierte, habe ich mit dem obigen Code versucht. Wenn ich versuche, die Prozedur zu befolgen, die ich beim Erreichen der Zeile 1 verfolgt habe, ergibt sich eine Fehlausrichtung.Ist es möglich, rowspan als 1.5 in HTML-Tabellen zu verwenden?

table { 
 
    border-collapse: collapse; 
 
    border: 0px; 
 
} 
 
td { 
 
    padding: 20px; 
 
    border: 1px solid black; 
 
    text-align: center; 
 
} 
 
thead tr th { 
 
    border: 0px; 
 
}
<table border="1" width="100%"> 
 
    <thead style="border: 0px solid black;"> 
 
    <tr style="border=" 0px "> 
 
     <th style="border: 0px ">Row 1</th> 
 
     <th style="border: 0px ">Row 2</th> 
 
     <th style="border: 0px ">Row 3</th> 
 
    </tr> 
 
    </thead> 
 
    <tr> 
 
     <td rowspan="2 ">Row 1, cell 1</td> 
 
     <td rowspan="3 ">Row 1, cell 2</td> 
 
     <td >Row 1, cell 3</td> 
 
    </tr> 
 
    <tr>  
 
     <td>Row 2, cell 3</td> 
 
    </tr> 
 
    <tr> 
 
     <td rowspan="2 ">Row 3, cell 1</td> 
 
     <td rowspan=" ">Row 3, cell 3</td> 
 
    </tr> 
 
    <tr>  
 
     <td rowspan="3 ">Row 4, cell 2</td> 
 
     <td>Row 4, cell 3</td> 
 
    </tr> 
 
    <tr> 
 
     <td rowspan="2 ">Row 5, cell 1</td> 
 
     <td>Row 5, cell 3</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Row 6, cell 3</td> 
 
    </tr> 
 
</table>

+2

Was genau wollen Sie? Zumindest bin ich ein wenig verwirrt. – thepio

+1

Hier ist eine Fiddle Ihrer Frage: https://jsfiddle.net/2ejpx1dd/. Bitte erklären Sie, was Sie wollen. – thepio

+0

Spalten sind Zeilen oder Zeilen sind Spalten? – LAL

Antwort

2

Sie können einen Float-Wert für rowspan mit HTML-Tabellen haben.

Nach W3:

rowspan: Dieses Attribut gibt die Anzahl der durch die aktuelle Zelle spannte Reihen. Der Standardwert dieses Attributs ist eins ("1"). Der Wert Null („0“) bedeutet, dass die Zelle alle Zeilen der aktuellen Zeile zu der letzten Zeile der Tabelle Abschnitt überspannt (THEAD, TBODY oder TFOOT), in der die Zelle definiert ist

EDIT: Wenn Sie <td rowspan="x"> Sie müssen x Zeit die entsprechende auf der <tr> nächsten entfernen

Enthält diese zu Ihnen passt?

<table> 
    <tr> 
    <td rowspan="2">r1 c1</td> 
    <td rowspan="3">r1 c2</td> 
    <td rowspan="2">r1 c3</td> 
    </tr> 
    <tr> 
    </tr> 
    <tr> 
    <td rowspan="2">r2 c1</td> 
    <td rowspan="2">r2 c3</td> 
    </tr> 
    <tr> 
    <td rowspan="3">r2 c2</td> 
    </tr> 
    <tr> 
    <td rowspan="2">r3 c1</td> 
    <td rowspan="2">r3 c3</td> 
    </tr> 
</table>