Растянуть ширину узла без растяжения родительской ширины

Question

Можно ли в любом случае растянуть ширину новой строки, не растягивая ширину родительского узла (таблицы)?

Пример структуры:

<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>

Код 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);

Я хочу разместить новую строку, не растягивая ширину таблицы.

Answer 1

Дайте самой таблице фиксированную ширину, и тогда она не должна расширяться, чтобы соответствовать ее содержимому.