title: Javascript Hide Column by Default
body: <p>After browsing online for tutorials on Javascript show/hide I could only find examples on where all the columns were by default visible.  I'm looking for a way to have some columns hidden by default (and allow them to be toggled on via a checkbox) and to have some columns shown by default (and allow them to be toggled off via a checkbox).</p>
  
  <p>Is this possible?</p>
  
  <p>For reference my table structure is as follows:</p>
  
  <pre><code>&lt;table&gt;
    &lt;thead&gt;
  &lt;tr&gt;
    &lt;th&gt;Name&lt;/th&gt;
    &lt;th&gt;Job&lt;/th&gt;
  &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;Mike&lt;/td&gt;
        &lt;td&gt;Dancer&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>