Datatables Horizontal Scroll with colreorder

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="https://cdn.datatables.net/s/dt/dt-1.10.10,cr-1.3.0/datatables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/s/dt/dt-1.10.10,cr-1.3.0/datatables.min.css">

<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered"
id="example">

JavaScript

$(document).ready(function () {
    var aaData = [
    /* Reduced data set */
    ["Trident", "Internet Explorer 4.0", "Win 95+", 4, "X"],
        ["Trident", "Internet Explorer 5.0", "Win 95+", 5, "C"],
        ["Trident", "Internet Explorer 5.5", "Win 95+", 5.5, "A"],
        ["Trident", "Internet Explorer 6.0", "Win 98+", 6, "A"],
        ["Trident", "Internet Explorer 7.0", "Win XP SP2+", 7, "A"],
        ["Gecko", "Firefox 1.5", "Win 98+ / OSX.2+", 1.8, "A"],
        ["Gecko", "Firefox 2", "Win 98+ / OSX.2+", 1.8, "A"],
        ["Gecko", "Firefox 3", "Win 2k+ / OSX.3+", 1.9, "A"],
        ["Webkit", "Safari 1.2", "OSX.3", 125.5, "A"],
        ["Webkit", "Safari 1.3", "OSX.3", 312.8, "A"],
        ["Webkit", "Safari 2.0", "OSX.4+", 419.3, "A"],
        ["Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"]
    ]
    var aoColumns = [{
        "sTitle": "Engine"
    }, {
        "sTitle": "Browser"
    }, {
        "sTitle": "Platform"
    }, {
        "sTitle": "Version",
            "sClass": "center"
    }, {
        "sTitle": "Grade",
            "sClass": "center"
    }];
		var self = this;
    self.table = $("#example").DataTable({
            "data": aaData,
            "aoColumns": aoColumns,
            "colReorder": "true"
    });
    
    setTimeout(function(){ self.table.colReorder.order([0,2,1,4,3],true); }, 3000);
});