Wie die Breite von

Question

einstellen Ich habe eine Tabelle mit einer Vielzahl von "Abschnitten". Zuerst gibt es den Titel, dann die Tabellendaten.

<table> 
    <tr> <th>First Name </th> </tr> 
    <tr> 
     <td>1</td> 
     <td>Smith</td> 
     <td>50</td> 
    </tr> 
    <tr> 
     <td>2</td> 
     <td>Jackson</td> 
     <td>94</td> 
    </tr> 
    <tr> 
     <td>3</td> 
     <td>Johnson</td> 
     <td>67</td> 
    </tr> 
    <tr> 
     <td>4</td> 
     <td>Nilson</td> 
     <td>35</td> 
    </tr> 
</table> 

Die Breite des <td> ist immer so breit wie der Titel. Wie kann ich die Breite des <td> einstellen?

Ich habe versucht, geben Sie die <td> eine Klasse und Anpassung es so, aber kein Glück.

Answer 1

So funktionieren Tabellen nicht. Entweder geben ein th für jede Spalte:

<tr> 
    <th>ID</th> 
    <th>First Name</th> 
    <th>Age</th> 
</tr> 
<tr> 
    <td>1</td> 
    <td>Smith</td> 
    <td>50</td> 
</tr> 
<tr> 
    <td>2</td> 
    <td>Jackson</td> 
    <td>94</td> 
</tr> 
<tr> 
    <td>3</td> 
    <td>Johnson</td> 
    <td>67</td> 
</tr> 
<tr> 
    <td>4</td> 
    <td>Nilson</td> 
    <td>35</td> 
</tr> 

oder Sie verwenden colspan:

<tr> 
    <th colspan="3">First Name </th> 
</tr> 
<tr> 
    <td>1</td> 
    <td>Smith</td> 
    <td>50</td> 
</tr> 
<tr> 
    <td>2</td> 
    <td>Jackson</td> 
    <td>94</td> 
</tr> 
<tr> 
    <td>3</td> 
    <td>Johnson</td> 
    <td>67</td> 
</tr> 
<tr> 
    <td>4</td> 
    <td>Nilson</td> 
    <td>35</td> 
</tr> 

Answer 2

Vielleicht sind Sie nach etwas mehr wie folgt aussehen:

<table> 
    <thead> 
    <tr> 
     <th style="width: 30px"></th> 
     <th style="width: 60px">First Name</th> 
     <th style="width: 30px"></th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>1</td> 
     <td>Smith</td> 
     <td>50</td> 
    </tr> 
    <tr> 
     <td>2</td> 
     <td>Jackson</td> 
     <td>94</td> 
    </tr> 
    <tr> 
     <td>3</td> 
     <td>Johnson</td> 
     <td>67</td> 
    </tr> 
    <tr> 
     <td>4</td> 
     <td>Nilson</td> 
     <td>35</td> 
    </tr> 
    </tbody> 
</table>