title: Change column order with jQuery DataTables
body: <p>My code is like this : <a href="http://jsfiddle.net/oscar11/ebRXw/805/" rel="nofollow">http://jsfiddle.net/oscar11/ebRXw/805/</a></p>
  
  <pre><code>$(document).ready(function() {
      var table = $('#example').DataTable( {
          "responsive": true
      } );
  } );
  </code></pre>
  
  <p>In <a href="http://jsfiddle.net/oscar11/ebRXw/805/" rel="nofollow">my example</a>:</p>
  
  <ul>
  <li>Column 0 = Name</li>
  <li>Column 1 = Position</li>
  <li>Column 2 = Office</li>
  </ul>
  
  <p>I want to change it to be like this without changing the HTML: </p>
  
  <ul>
  <li>Column 0 = Salary</li>
  <li>Column 1 = Start date</li>
  <li>Column 2 = Age</li>
  </ul>