title: Ajax datatable bSortable
body: <p>I am using ajax dataTable for view a list of books and I am using cakePHP. This is my script to call ajax datatable:</p>
  
  <pre><code>$(document).ready(function() {
      oTable = $('#base_discount').dataTable({
          "bProcessing": true,
          "bServerSide": true,
          "sPaginationType": "full_numbers",
          "aoColumns"   : [{"sClass": "center"}, null, null,{"sClass": "center"} ,{"sClass": "center"},{"sClass": "center"},{"sClass": "center"}, {"bSortable": true,"sClass": "center"}, **{"bSortable": false,"sClass": "center"}**],
          "sAjaxSource": "&lt;?php echo BASE_PATH?&gt;xxx/xxx.ctp"
      });
  });
  </code></pre>
  
  <p>In the last of <code>aColumns</code> I set <code>bSortable</code> as <code>false</code> and also in the last column I set the checkbox to check and uncheck all. This is a script for check and uncheck:</p>
  
  <pre><code>function toggle(source) {
      checkboxes = document.getElementsByName('foo');
      for(var i in checkboxes)
          checkboxes[i].checked = source.checked;
  }
  </code></pre>
  
  <p>This checkbox is working fine. But in datatable the grid in the last column shows like this: <img src="https://i.stack.imgur.com/J3f4Z.png" alt="enter image description here"></p>
  
  <p>Please help me...</p>
  
  <p>Thank You</p>