title: How to get a td table cell to span the full width of a table?
body: <p><a href="https://jsfiddle.net/qr2co5zx/" rel="nofollow noreferrer">https://jsfiddle.net/qr2co5zx/</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table id="list" style="display:table;border: 1px solid black;width:200px;border-collapse: collapse;"&gt;
    &lt;p&gt;Today's Tasks&lt;/p&gt;
    &lt;td colspan=100% style="background:lightgrey;display:table-row;border: 1px solid black;border-collapse: collapse;width:100%;"&gt;Restock Shelf C2&lt;/td&gt;
    &lt;br&gt;
    &lt;br&gt;
    &lt;td style="display:table-row;"&gt;Empty Garbage&lt;/td&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>As you can see the first element ends about halfway through the table. I think perhaps its making room for the next column over? I don't want this - I only want 1 cell per row. </p>