Have zweite Html Tischzellenspanne Rest des Bildschirms

Question

Ich habe eine Tabelle mit zwei Spalten und einer Zeile und 100% Breite über den Bildschirm. Ich möchte, dass die erste Spalte so viel Platz einnimmt, wie der Inhalt darin füllt. Dieser Inhalt sollte nicht den gesamten Bildschirm einnehmen, daher mache ich mir keine Sorgen über das Einpacken. Ich möchte dann, dass die zweite Zelle den Rest des horizontalen Raums einnimmt.

Wie würde ich diese Tabelle einrichten? Ich habe viele verschiedene Kombinationen aus dem Einstellen der Breiten auf den zwei Zellen vergeblich versucht.

Answer 1

Richten Sie Ihre CSS wie folgt:

table { 
    width: 100%; 
} 

td.firstCol { 
    width: 1%; 
    white-space: nowrap; 
} 

Und Ihre Tabellen-Markup wie folgt:

<table> 
    <tr> 
    <td class="firstCol"> 
     First column content 
    </td> 
    <td> 
     Second column content 
    </td> 
    </tr> 
</table> 

Und das sollte es tun.