My code is like this : http://jsfiddle.net/oscar11/ebRXw/805/
$(document).ready(function() {
var table = $('#example').DataTable( {
"responsive": true
} );
} );
In my example:
I want to change it to be like this without changing the HTML:
SOLUTION
Use columns.data to set data source index for each column.
var table = $('#example').DataTable( {
"responsive": true,
"columns": [
{ "data": 5 },
{ "data": 4 },
{ "data": 3 },
{ "data": 0 },
{ "data": 1 },
{ "data": 2 }
]
} );
Don't forget to adjust table headings in thead section accordingly.
DEMO
See this jsFiddle for code and demonstration.
name if you don't want to use indexes but that is as far as you can get.You could include the ColReorder plugin and reorder the columns upon initialisation :
$(document).ready(function() {
var table = $('#example').DataTable( {
"responsive": true,
colReorder: {
order: [5,4,3,0,1,2]
}
} );
} );
forked fiddle -> http://jsfiddle.net/8qrqpjsp/
