title: Hide and/or Show Table Columns
body: <p>I need a table that can display only certain columns depending on whether a check box is selected or not. If selected, I want all columns to show. If not selected, I need it to show only the "weekly" class columns. <strong>I want to use as little JavaScript (if any) as possible and needs to be cross-browser compatible</strong>.</p>
  
  <pre><code> &lt;table&gt;
     &lt;tr class="weekly"&gt;
       &lt;td&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="overall"&gt;
       &lt;td&gt;&lt;/td&gt;
     &lt;/tr&gt;
   &lt;/table&gt;
   &lt;input type="checkbox" name="data" value="Show Overall Data"  /&gt;
  </code></pre>
  
  <p>Simply put, I need a table that will hide and show certain columns depending on what the check box status is.</p>
  
  <p>Also, I am not good with coding so I would need someone to paste the entire code including HTML tags and what not.</p>