Étirer la largeur d'un nœud sans étendre la largeur parent

Question

Y a-t-il moyen d'étendre la largeur d'une nouvelle ligne sans étirer la largeur du nœud parent (table)?

Exemple de structure:

<table> 
    <tr> 
    <td> 
     <div id="div_1"> Block 1 </div> 
    </td> 
    <td> 
     <div id="div_2"> Block 2 </div> 
    </td> 
    </tr> 
    <tr> 
    <td> 
     <div id="div_3"> Block 3 </div> 
    </td> 
    <td> 
     <div id="div_4"> Block 4 </div> 
    </td> 
    </tr> 
</table> 

Code jQuery:

var newRow = "<tr><td colspan="2"><div>This is a great row, bla,bla,bla....</div></td></tr>"; 
$('#div_1').closest('tr').after(html); 

Je veux mettre la nouvelle ligne sans étirer la largeur de la table.

Answer 1

Donnez une largeur fixe à la table et ne l'agrandissez pas pour l'adapter à son contenu.