Allineamento della cella di tabella con rowspan

Question

Ho una tabella HTML con una cella che ha un rowspan. In pratica solo una cella a sinistra con rowspan = 2 e 2 colonne a destra. Voglio che le colonne sul lato destro rimangano in cima. Tuttavia, lo spazio sul lato destro è diviso equamente tra le due colonne. Aggiunta di altezza: il 100% all'ultima colonna sul lato destro fa il trucco in Chrome, ma non funziona in FF o 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/

Aggiornamento:

Come Pragnest suggerito qui di seguito, l'aggiunta di altezza: 1px alla prima colonna a destra (col_a) fa il trucco per Chrome e FF. In IE (e Edge) tuttavia non funziona ancora come previsto.

violino Aggiornato: https://jsfiddle.net/jtr1r132/9

Answer 1

Nel tuo caso è necessario un po 'alternativo per raggiungere la vostra uscita. Come nel caso in cui è necessario rimuovere l'altezza nella seconda colonna e impostare l'altezza di 1 px nella prima colonna in modo da ottenere automaticamente l'output.

come il cambiamento in html come sotto -

<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>