数据表行重新排序事件问题

Question

var table =$("#exampleList").DataTable({
    paging:false,
    rowReorder:false
}

});

table.on('row-reorder',function(e, diff,edit){
    for(var i=0, ien = diff.length ; i<ien ; i++){
        var rowData = table.row(diff[i].node).data();
        sequence  = sequence + "_" + rowData[0];
    }

var data = table.rows().data();

data.each(function (value, index) {
    alert('Data in index: ' + index + ' is: ' + value);
});

});

Hi, I am new to datatables. Issue I am having right now is I cant get the latest value in my table after the user reorder the row. The code above only shows the value before the reorder occurs. I need to get the latest reorder sequence so I can update the database.

Answer 1

What you need to do is wait a few milliseconds before trying to read the data.

table.on('row-reorder',function(e, diff, edit){
    for(var i=0, ien = diff.length ; i<ien ; i++){
        var rowData = table.row(diff[i].node).data();
        sequence  = sequence + "_" + rowData[0];
    }

    setTimeout(()=> { lookAtData() }, 10);

});

function lookAtData() {
    var data = table.rows().data();

    data.each(function (value, index) {
        alert('Data in index: ' + index + ' is: ' + value);
    });
}

Answer 2

You should use column-reorder not row-reorder .

Please try :

var rdata = table .columns().order().data();
console.log(rdata);

It will get the data after columns ordering.