title: Hiding columns in Dynatable
body: <p>I'm hoping to replace my tables with Dynatable, but I need to be able to hide and show certain groups of columns to do so. I do this in the existing, regular html table by giving a group to each , for example:</p>
  
  <pre><code>&lt;td class = "group1"&gt;cell value&lt;/td&gt;
  </code></pre>
  
  <p>Then I have some hide and show javascript functions:</p>
  
  <pre><code>function hideCol(columnClass){
        $('table .'+columnClass).each(function(index) {
          $(this).hide();
        });
  
        $('ul#hiddenCols').append('&lt;li id="'+columnClass+'"&gt;&lt;a href="javascript:;" onclick="showCol(\''+columnClass+'\');"&gt;Show '+columnClass+'&lt;/a&gt;&lt;/li&gt;');
      }
  
  function showCol(columnClass){
    $('table .'+columnClass).each(function(index) {
      $(this).show();
    });
  
    $('li#'+columnClass).remove();
      }
  
  $(document).ready(function() {
      hideCol("Group2");
      hideCol("Group3");
      hideCol("Group4");
  
      $('#radio1').click(function() {
      /*$(this).parent().addClass("active").siblings().removeClass("active")*/
          showCol("Group1");        
          hideCol("Group2");
          hideCol("Group3");    
          hideCol("Group4");
      });
  </code></pre>
  
  <p>Is there a reasonably straight forward way I can adapt Dynatable to do something similar? Is there a way I can assign classes to each  and  in a Dynatable?</p>
  
  <p>Thanks a lot,
  Alex</p>