Datatables. js переупорядочение строки не работает с опцией фиксированных столбцов

Question

Я использую таблицы данных. js для моей таблицы. Вот мое определение таблицы:

$('#table').DataTable({
    autoWidth: false,
    processing: true,
    serverSide: true,
    orderMulti: false,
    searching: true,
    info: false,
    fixedColumns: {
        leftColumns: 3
    },
    ordering: false,
    paging: false,
    rowReorder: {
        dataSrc: 'DisplayOrder',
        selector: 'tr.row-roll td:first-child'
    },
    dom: '<"datatable-header"l><"datatable-scroll-wrap"rt><"datatable-footer"ip>',
    ajax: {
        url: "...",
        type: "POST",
        datatype: "json"
    },
    scrollX: true,
    columns: [
        { "data": "DisplayOrder", "name": "DisplayOrder" },
        { "data": "Id", "name": "Id" },
        { "data": "TypeId", "name": "TypeId" },
        { "data": "Name", "name": "Name" }      
    ],
    columnDefs: [
        {
            targets: 0,
            render: function (data, type, row) {
                return '<span><i class="icon-move"></i></span>';
            },
            width: 50,
            className: "text-center"
        },
        {
            targets: 1,
            width: 110,
            className: "text-center"
        },
        {
            targets: 2,
            className: "text-center",
            width: 70,
        },
        {
            targets: 3,
            width: 250
        }
    ]
});

Когда я отключаю опцию fixedColumns , переупорядочение строк работает нормально. Но когда я его включаю, ничего не происходит, и мое табличное представление становится чепухой.

Как правильно работать вместе этими двумя параметрами?