title: suggestions to show/hide columns / row sorting / fixed headers in a large data table with jquery
body: <p>I have a very big table filled with data  </p>
  
  <p>1st - i want to use show/hide columns:<br>
  the problem is when my columns pass 10-12 to more it got really slow<br>
  for this i gave each  a class for the column it is in and call it<br>
  for toggle with assocciated anchor().  </p>
  
  <p>2nd &amp; 3rd - i want to use fixed headers as my row go way more than 1000's,<br>
  as i do this i can not effectively use my search which i wrote it with js<br>
  and really is a lightweight code.  </p>
  
  <p>PS. plz remember i have a very large json generated table with more than 20 columns and way more than 1000's of rows and i ** CANT USE ANY FRAME WORKS EXCEPT JQUERY AND JQUERYUI **  </p>
  
  <p>EDIT: ADDS SOME CODE FOR SHOW/HIDE</p>
  
  <pre><code>        $('#columnSelect').on('click', 'li', function(){
          var columnTmp = $(this).children('a').text()
          $('#dataTable').find('.'+columnTmp).toggle()
      })
  </code></pre>
  
  <p>i have a list of my  tags which is also created dynamically with my first ajax call
  i got the text of anchor and match it with 
    then toggle that column tds</p>