colReorder order method with array from variable

runnerjoe

I would like to get a dynamically generated array and pass it into the "order" option of colReorder.

The following works fine:

var colOrder = [2,1,0];
$(document).ready(function() {
    dataTable = $('#example').DataTable( {
        colReorder: true
    } );
    dataTable.colReorder.order(colOrder);
} );

Note the array colOrder. I can put a variable for that static array into the dataTables order option.

When I test by having javascript alert the contents of colOrder, I get: 2,1,0 (no brackets)

However, the following does not work:

var colOrder = new Array($('#test').val().split(","));
$(document).ready(function() {
    dataTable = $('#example').DataTable( {
        colReorder: true
    } );
    dataTable.colReorder.order(colOrder);
} );

When I test by having javascript alert the contents of colOrder this time, I get: 2,1,0 (no brackets) -- I see no difference! The DataTable is generated, and colReorder even works, but the order I provide with that variable doesn't work.

I get the following error: ColReorder - array reorder does not match known number of columns. Skipping.

Can someone help me? Here is the jsfiddle: https://jsfiddle.net/runnerjoe/k47puxux/1/