title: Div inside table
body: <p>I have a table with 14 td within tr. After the first row(tr) I want to add dynamic row(tr) and div within tr using jquery. That dynamically added tr and div will have other table with some data. Now what happens is that whole table (dynamically added) fits in first td of the dynamically added row. I don't want this, I want it to be stretched throughout the page (means fit in dynamically added tr). How do you do that?</p>
  <p><img src="https://i.stack.imgur.com/cZAux.jpg" alt="screenshot of table" /></p>
  <p>In the image you can see how the whole table in fitted within first td</p>
  <p>I am adding dynamic tr and div inside tr like this</p>
  <pre><code> $('#'+row_id).after('&lt;tr&gt;&lt;div  id=&quot;trip_detail_id&quot;&gt;&lt;/div&gt;&lt;/tr&gt;'); 
  </code></pre>
  <p>where <code>row_id</code> is the id of the tr.</p>