Wie erstellt man zwei Tabellenzeilen mit unterschiedlichen Spalten?

Question

Ich möchte die gleiche Breite von <tr> der beiden Zeilen beibehalten.

Der erste <tr> enthält zwei <td> die zweite Reihe enthält nur eine <td> aber wie es jetzt ist, die zweite Reihe ist nicht mit der gleichen Breite wie der erste (mein Skript Bitten sehen)

Wie die erste halten reihe wie es ist und mache die zweite 100 breite?

table{ 
 
    width:100%; 
 
} 
 

 
table tr td{ 
 
    width:100%; 
 
    border:1px solid black; 
 
    border-collapse: collapse; 
 
} 
 

 
.second-row{ 
 
    width:100%; 
 
}

<table> 
 
    <tr class="first-row"> 
 
    <td>hello</td> 
 
    <td>world</td> 
 
    </tr> 
 
    <tr class="second-row"> 
 
    <td>hello world</td> 
 
    </tr> 
 
    
 
</table>

Answer 1

Verwendung colspan

table{ 
 
    width:100%; 
 
} 
 

 
table tr td{ 
 
    width:100%; 
 
    border:1px solid black; 
 
    border-collapse: collapse; 
 
} 
 

 
.second-row{ 
 
    width:100%; 
 
}

<table> 
 
    <tr class="first-row"> 
 
    <td>hello</td> 
 
    <td>world</td> 
 
    </tr> 
 
    <tr class="second-row"> 
 
    <td colspan="2">hello world</td> 
 
    </tr> 
 
    
 
</table>