Wie werden nur orthogonale (aber nicht angezeigte) Daten der Zelle in DataTables aktualisiert?

Question

Wir können cell().data() verwenden, um Zellendaten zu setzen. Aber was, wenn wir nur orthogonal Zelleneigenschaften aktualisieren müssen, aber nicht Haupt display Daten, die in der Zelle gerendert wird? I.e. wir haben diese Daten für die Zelle, und wir wollen nur current_value aktualisieren, während display unverändert im DOM zu halten:

"digit": { 
    "display": "<select><option selected value=`1`>1</option><option value=`2`>2</option></select>", 
    "current_value": "1" 
} 

Mein Anwendungsfall wird mit <select> innerhalb einer Zelle - wenn die Option Änderungen, die ich an Ort und Stelle wählen Sie behalten möchten und Ändern Sie nur orthogonale Daten.

Answer 1

Sie können die API-Methode row().data() verwenden, um die Daten für die ausgewählte Zeile abzurufen/festzulegen.

Zum Beispiel current_value zu erhöhen, wenn eine Zeile auf geklickt wird:

var table = $('#example').DataTable(); 

$('#example tbody').on('click', 'tr', function() { 
    var data = table.row(this).data(); 

    data.digit.current_value++; 

    table 
     .row(this) 
     .data(data) 
     .draw(false); 
});