title: How to disable drag and drop on jquery datatables
body: <p>So I'm using jquery datatables along with <code>colReorder</code> to setup a table.  This table has a few features, like how you can click a column header, and select a column to switch with.  In order to make this feature work I had to enable <code>colReorder</code>.  The only issue is now, all my columns are draggable.  How can I fix this?</p>
  
  <p>Here's what I've tried</p>
  
  <ul>
  <li>Setting <code>draggable</code> to false</li>
  <li>Setting <code>bsort</code> to false</li>
  <li>Setting <code>bsortable</code> to false</li>
  </ul>
  
  <p>Please let me know what I'm doing wrong.  Also, here's my constructor:</p>
  
  <pre><code>        window.table =
          $table.DataTable({
              data: window.apiData['data'],
              /**
              dat
               * Specify which columns we're going to show
               */
              columns: window.columnMapping,
              /**
               * we want to disable showing page numbers, but still limit the number of results
               */
              dom: "t",
              /**
               * let's disable some dynamic custom css
               */
              asStripClasses: [],
              /**
               * let's keep the pages reasonable to prevent scrolling
               */
              pageLength: 8,
  
              /**
               * this helps with hotswapping columns
               */
              colReorder: true
          });
  </code></pre>
  
  <p>Thanks!  </p>