title: Show/Hide Using Normal Jquery Not Working With DataTables
body: <p>I am using datatables plugin for my html table. The datatables work fine. All the paging, sorting, and search functions are working perfectly. I want to show/hide a group of columns using the normal Jquery Show/Hide toggle. When "Show" button is clicked, the table is fine. However, when "Hide" button is pressed, the columns are hidden but the cell values of those hidden columns shift after the 10th rows.</p>
  
  <p>I tried assigning a common class name and/or a common id to the td and th, but the problem persists. My Jquery code:</p>
  
  <pre><code>$(document).ready(function () {
          $("#show").click(function () {
              $(".disappear).toggle();
          });
      });
  </code></pre>