dynamisch Spaltendaten ändern Tables

Question

http://jsfiddle.net/c3coukLz/

t = $('#example').DataTable(); 
$('tbody tr').click(function() { 
    $(this).find('td:last').text('B'); 

    //get back data 
    var tr = $(this); 
    var row = t.row(tr); // worked! 
    console.log(row.data()); // won't work 
}); 

Alles scheint aber zu funktionieren, wenn ich row.data tun(), es hat mir die alten Daten vor DOM-Manipulation zurück. Es scheint, als müsste ich die Datentabelle irgendwie 'updaten'. Wie manipuliert man Spalten-Daten programmatisch mit jquery?

Answer 1

Sie können cell zum Ändern von Daten verwenden. Geben Sie die Zeile und Spalte der zu ändernden Zelle an. Verwenden Sie data, um den neuen Wert zuzuweisen, und draw, um die Tabelle zu aktualisieren.

Versuchen Sie diesen Code:

$('#example tbody').on('click', 'tr', function() { 
    //get back data 
    var row = t.row(this); 
    t.cell(row, 4).data("B").draw(); 
    console.log(row.data()); 
}); 

Ergebnis:http://jsfiddle.net/cmedina/c3coukLz/1/