title: Disable reorder on frozen columns in DataTables
body: <p>I enabled the re-order option on my table and works fine except there's a detail I need to get rid of.</p>
  
  <p>I have a frozen column to the right with tools to manage the row. My table allows to scroll left right and have those tools easily accessible.</p>
  
  <p>It seems DataTables creates another table cloned from the main one when creating this frozen column.</p>
  
  <p>Here's the initialization for the table:</p>
  
  <pre><code>scope.TableData = $('#tableData').DataTable({
      rowReorder: {
          selector: 'td:first-child',
          update: false,
      },
      paging: true,
      fixedColumns: {
          rightColumns: 1,
          leftColumns: 0
      },
      select: {
          style: 'os',
          selector: 'td:nth-child(2)'
      },
      "search": {
          "regex": true
      },
      order: [[1, 'asc']],
      'filter': true,
      'scrollX': true,
      'bInfo': true,
      'scrollCollapse': true,
      scroller: {
          rowHeight: 20
      },
      'columnDefs': [
          { className: 'select-checkbox', targets: 1 },
          { className: 'reorder', targets: 0, orderable: true },
          { orderable: false, targets: -1 }
      ],
      "order": [],
      "lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
      "language": {
          "lengthMenu": "@Html.ResStr("DataRowLengthMenu")",
          "zeroRecords": "@Html.ResStr("DataRowEmpty")",
          "info": "@Html.ResStr("DataRowInfo")",
          "infoEmpty": "@Html.ResStr("DataRowEmpty")",
          "infoFiltered": "@Html.ResStr("DataRowFilter")",
          "search": "",
          "processing": "&lt;span style=\"color: dodgerblue; font-weight: bold;\"&gt;@Html.ResStr("PleaseWait")&lt;/span&gt;",
          "lengthMenu": "@Html.ResStr("DataRowLengthMenu")&lt;br&gt;&lt;br&gt;",
          "paginate": {
              "next": "@Html.ResStr("DataRowNext")",
              "previous": "@Html.ResStr("DataRowPrevious")"
          },
          select: {
              rows: {
                  _: "@Html.ResStr("DataRowsSelected")",
                  0: "",
                  1: "@Html.ResStr("DataRowSelected")"
              }
          }
      }
  });
  </code></pre>
  
  <p>(Don't mind <code>@Html.ResStr</code>, the javascript is in an ASP MVC view)</p>
  
  <p>Here's an animated GIF of the problem:</p>
  
  <p><a href="https://i.stack.imgur.com/Hvjgd.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Hvjgd.gif" alt="enter image description here"></a></p>
  
  <p>As you can see, works fine when dragging the row via the "Seq" column, but I can't click the buttons in the frozen column because it triggers a drag event.</p>
  
  <p>Here's a fiddle that has the issue. Click on the buttons on the rows, you'll see.</p>
  
  <p><a href="https://jsfiddle.net/1qod8mLx/2/" rel="nofollow noreferrer">https://jsfiddle.net/1qod8mLx/2/</a></p>