title: HTML Table Rows - How to make a unique cell have 100% width? (with screenshot explanation)
body: <p>Here's my problem: I have an HTML table that looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/5H4T3.png" alt="HTML Table"></p>
  
  <p>What I want is for there to be an additional table row underneath it, except this row spans the full width of the table - but with <em>just one cell</em>. I quickly mocked up an example:</p>
  
  <p><img src="https://i.stack.imgur.com/3PQ30.png" alt="table"></p>
  
  <p>As you can see I added another Table Row below it with a single <code>&lt;td&gt;</code> cell inside containing the text. However I want this cell to span 100% of the width of the entire table - it shouldn't resize the width of the 'Name' column.</p>
  
  <p>Is such a thing possible? I am happy to use jQuery or Javascript if needs be - also, this doesn't need to work in IE as every user is using Chrome (although that would be a perk).</p>