Tabellenzellenausrichtung mit rowspan

Question

Ich habe eine HTML-Tabelle mit einer Zelle, die eine rowspan hat. Im Grunde nur eine Zelle auf der linken Seite mit rowspan = 2 und 2 Spalten auf der rechten Seite. Ich möchte, dass die Säulen auf der rechten Seite oben bleiben. Der Platz auf der rechten Seite wird jedoch gleichmäßig zwischen den beiden Spalten aufgeteilt. Das Hinzufügen von Höhe: 100% zur letzten Spalte auf der rechten Seite funktioniert in Chrome, funktioniert aber nicht in FF oder IE.

<table border="1" style="width: 200px;"> 
<tr> 
    <th>Col1</th> 
    <th>Col2</th> 
    </tr> 
    <tr> 
    <td rowspan="2">Some long cell here...The point is that the Col_A and Col_B should both stick to the top. I tried adding height: 100% to the last column (Col_B) but that does only work in Chrome. Firefox puts Col_B at the very bottom while IE seems to completely ignore it.</td> 
    <td>Col_A</td> 
    </tr> 
    <tr> 
    <td>Col_B</td> 
    </tr> 
</table> 

Fiddle: https://jsfiddle.net/jtr1r132/1/

Update:

Wie Pragnest unten vorgeschlagen, das Hinzufügen Höhe: 1px in die erste Spalte auf der rechten Seite (col_a) funktioniert der Trick für Chrome und FF. In IE (und Edge) funktioniert es jedoch immer noch nicht wie vorgesehen.

Aktualisiert Geige: https://jsfiddle.net/jtr1r132/9

Answer 1

In Ihrem Fall müssen Sie einige alternative Ihre Ausgabe zu erreichen. Wie unten müssen Sie die Höhe in der zweiten Spalte entfernen und 1 px Höhe in der ersten Spalte setzen, damit Ihre Ausgabe automatisch erreicht wird.

Wie Änderung html gemäß unten -

<table border="1" style="width: 200px;"> 
 
     <tr> 
 
     <th>Col1</th> 
 
     <th>Col2</th> 
 
     </tr> 
 
     <tr> 
 
     <td rowspan="2">Some long cell here...The point is that the Col_A and Col_B should both stick to the top. I tried adding height: 100% to the last column (Col_B) but that does only work in Chrome. Firefox puts Col_B at the very bottom while IE seems to completely ignore it.</td> 
 
     <td style="height: 1px">Col_A</td> 
 
     </tr> 
 
     <tr> 
 
     <td >Col_B</td> 
 
     </tr> 
 
    </table>