title: html table data not filling columns
body: <p>I have a html table, I am toggling the table in and out of view by connecting a button to the following script:</p>
  <pre><code>function show() {
  if (document.getElementById(&quot;displaytable2&quot;).style.display === &quot;none&quot;) {
    document.getElementById(&quot;displaytable2&quot;).style.display = &quot;inline-block&quot;;
  } else {
    document.getElementById(&quot;displaytable2&quot;).style.display = &quot;none&quot;;
  }
  }
  </code></pre>
  <p>I am using <code>‘get skeleton’</code> as a boiler plate for the table.
  The in  ‘get skeleton’ there is a class that takes 12 columns. It spreads the table over 12 columns.
  When I load the html the table is spread out over 12 rows (as desired).
  However when I click the button to hide the table, and re-click to show the table the table is no longer occupying 12 columns.</p>
  <p>The 12 columns are occupied by the table but the only 3 of the columns of the 12 show the data.</p>
  <p>My table:</p>
  <pre><code> &lt;div class=&quot;row&quot;&gt;
         &lt;table class=&quot;eleven columns&quot; id=&quot;displaytable2&quot; border=&quot;1px&quot;&gt;
    &lt;tr&gt;
      &lt;th&gt;Company&lt;/th&gt;
      &lt;th&gt;Contact&lt;/th&gt;
      &lt;th&gt;Country&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Alfreds Futterkiste&lt;/td&gt;
      &lt;td&gt;Maria Anders&lt;/td&gt;
      &lt;td&gt;Germany&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Centro comercial Moctezuma&lt;/td&gt;
      &lt;td&gt;Francisco Chang&lt;/td&gt;
      &lt;td&gt;Mexico&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
      &lt;/div&gt;
  </code></pre>
  <p>What’s the story there, how can that be fixed. its as if the data is only filling in the amount of columns that it has, instead of spreading the data out over all the columns.</p>
  <p><strong>before clicking:</strong>
  <a href="https://i.stack.imgur.com/BsmCD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BsmCD.png" alt="enter image description here" /></a></p>
  <p><strong>after clicking re-click:</strong></p>
  <p><a href="https://i.stack.imgur.com/1D72I.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1D72I.png" alt="enter image description here" /></a></p>