HTML - Possibilité de corriger la largeur de la table?

Question

Est-il possible de faire une table avec disons 4 colonnes avec de 1 ligne avec 100px de largeur, et puis avoir des cellules ci-dessous avec un avec de 200px sans avoir à créer une nouvelle table?

Parce que si je fais cela, alors quand je définis la largeur de 200px dans les nouvelles cellules, l'autre cellule change aussi de largeur .. Je veux que les nouvelles cellules se développent pour remplir le reste de la largeur restante.

Voici un exemple ..

<table border="1" width="100%"> 
<tr> 
<td width="100px">1</td> 
<td width="100px">2</td> 
<td width="100px">3</td> 
<td width="100px">4</td> 
</tr> 
<tr> 
<td width="200px">5</td> 
<td width="200px">6</td> 
</tr> 
</table> 

Answer 1

JsFiddle demo

vous avez besoin d'utiliser actally colspan, de sorte que vous code sera comme ci-dessous cela va faire le travail que vous voulez

<table border="1" width="100%"> 
<tr> 
<td width="100px">1</td> 
<td width="100px">2</td> 
<td width="100px">3</td> 
<td width="100px">4</td> 
</tr> 
<tr> 
<td colspan="2">5</td> 
<td colspan="2">6</td> 
</tr> 
</table> 

<td colspan="number"> -number Spécifie le nombre de colonnes qu'une cellule doit traverser. Remarque: colspan = "0" indique au navigateur d'étendre la cellule à la dernière colonne du groupe de colonnes (colgroup)

Answer 2

Essayez de supprimer la largeur de cellule de la deuxième ligne, mais ajoutez un attribut supplémentaire à chacun d'entre eux. il se lit comme:

<td colspan="2"></td> 
<td colspan="2"></td> 

Cela devrait avoir à la fois compte de ces cellules pour 2 cellules largeurs, sans qu'il soit nécessaire de redéfinir leur largeur.

MDN TD - Attribute Colspan