title: Jquery datatable with checkbox in header and in row:select all checkbox not working
body: <p>I am using <code>Jquery Datatable</code>. I want to have a first column with header and rows with a checkbox and should toggle the selection of header checkbox with remaining row's checkboxes. I have below implementation.</p>
  
  <p>Datatable attribute</p>
  
  <pre><code>  "aoColumns": [{ "sTitle": "&lt;input type='checkbox' id='selectall' onclick='toggleChecks(this);' &gt;&lt;/input&gt;", "mDataProp": null, "sWidth": "20px", "sDefaultContent": "&lt;input type='checkbox' &gt;&lt;/input&gt;", "bSortable": false },null,null,null,null,null,null]
  </code></pre>
  
  <p>Datatable row</p>
  
  <pre><code>&lt;td&gt;&lt;input type="checkbox' class="case"&gt;&lt;/input&gt;&lt;/td&gt;
  </code></pre>
  
  <p>Javascript function</p>
  
  <pre><code>  function toggleChecks(obj)
      {
          $('.case').prop('checked', obj.checked);
      }
  </code></pre>
  
  <p>This is worked fine when i am on single page. But when I do the paging then checkboxes remain unchecked for other page. How to achieve this for behaving consistently for all checkboxes. Please assist.</p>