DataTables Draw() ändert nicht Anzeige

Question

Ich bin mit etwas fest [das sollte] ziemlich einfach: nach dem Ändern des Inhalts einer Zelle, kann ich die Änderung nicht sichtbar mit draw().

Hier ist eine grundlegende Probe, die die DataTable().data() vor und nach der Änderung zeigt, während die angezeigte Tabelle unverändert bleibt.

$('table').DataTable({ 
    data: [ 
    {a: 'A1', b: 'B1'}, 
    {a: 'A2', b: 'B2'} 
    ], 
    columns: [ 
    {data: 'a', title: 'A'}, 
    {data: 'b', title: 'B'} 
    ] 
}); 
var dt = $('table').DataTable(); 
    console.log('before:', dt.data()[0]); 
$('button').click(function() { 
    dt.row(0).data().a = 'XXX'; 
    dt.draw(); 
    console.log('after:', dt.data()[0]); 
}); 

Sorry, es kann nicht mit dem SO-Snippet ausgeführt werden, was eine Menge Sicherheitsfehler ausgelöst wird, bevor eine Zeitüberschreitung.
Aber Sie können es in this fiddle arbeiten sehen.

HINWEIS: Ich habe auch versucht, invalidate() vor draw(), ohne Erfolg.

Answer 1

Benutzerdefinierten Zelle (DOC): https://jsfiddle.net/hdadLhmo/2/

$('table').DataTable({ 
    data: [ 
    {a: 'A1', b: 'B1'}, 
    {a: 'A2', b: 'B2'} 
    ], 
    columns: [ 
    {data: 'a', title: 'A'}, 
    {data: 'b', title: 'B'} 
    ] 
}); 
var dt = $('table').DataTable(); 
    console.log('before:', dt.data()[0]); 
$('button').click(function() { 
    dt.row(0).data().a = 'XXX'; 
    dt.draw(); 
    console.log('after:', dt.data()[0], dt.cell(0, 0).data('XXX')); 
});