title: hide column in display table
body: <p>Is there any way we can hide column of display table,we have media="none" which hides the column .i have tried using </p>
  
  <pre><code>document.getElementById(display_column_name).media="none";
  </code></pre>
  
  <p>but it is not working, i am stuck while setting attritube of display column in javascript is there any way.As on button select column is to hide/display of display table.</p>
  
  <p>i have checkbox on column header.i have to hide columns of display table.selected column is hiden on button click.</p>
  
  <p>i have also tried using div tag for display column </p>
  
  <pre><code>&lt;div id= "col1" style="display:block"&gt;
              &lt;display:column paramId="date_disp" paramName="date_disp"  property="date_disp" title="Date" sortable="true" headerClass="sortable" decorator="com.commons.ColDateDecorator" style="font-family:Arial, Helvetica, sans-serif;font-size: 12px;height: 25;"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and document.getElementById('col1').style.display="none"; but its not working.</p>