ColVis / ColReorder Issue

Issue with ColVis menu not displaying correct order after reordering columns

by Adam Hayward

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/v/dt/dt-1.10.18/b-1.5.4/b-colvis-1.5.4/cr-1.5.0/datatables.min.css">
<script src="https://cdn.datatables.net/v/dt/dt-1.10.18/b-1.5.4/b-colvis-1.5.4/cr-1.5.0/datatables.min.js"></script>

<button id='btnOrder'>
Change Order using API
</button>
<hr>

<table class='table'>
  <thead>
    <tr>
      <th>1</th>
      <th>2</th>
      <th>3</th>
      <th>4</th>
      <th>5</th>
      <th>6</th>
      <th>7</th>
      <th>8</th>
      <th>9</th>
      <th>10</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>A1</td>
      <td>A2</td>
      <td>A3</td>
      <td>A4</td>
      <td>A5</td>
      <td>A6</td>
      <td>A7</td>
      <td>A8</td>
      <td>A9</td>
      <td>A10</td>
    </tr>
    <tr>
      <td>B1</td>
      <td>B2</td>
      <td>B3</td>
      <td>B4</td>
      <td>B5</td>
      <td>B6</td>
      <td>B7</td>
      <td>B8</td>
      <td>B9</td>
      <td>B10</td>
    </tr>
  </tbody>
</table>

JavaScript

var table = $('table').DataTable({
	colReorder: true,
  dom: 'Bfrtip',
  buttons: [
    'colvis'
  ]
});
$('#btnOrder').click(function() {
	table.colReorder.order([9,8,7,6,5,4,3,2,1,0] ).draw();
});