jQuery dataTables ID zur hinzugefügten Zeile hinzufügen

Question

Es ist möglich, ID zur letzten hinzugefügten Zeile mit jQuery-Datentabelle hinzuzufügen (tr id = 'myid')?

$('#example').dataTable().fnAddData([ 
     "col_value_1", 
     "col_value_2", 
     "col_value_3", 
     "col_value_4" ]); 

(id dieser neuen Reihe hinzufügen)

Answer 1

Verwenden Sie den fnCreatedRow Rückruf. Es empfiehlt sich, das Attribut id der Tabellenzeile beim Erstellen der Zeile festzulegen. Verwenden Sie, was die API zur Verfügung gestellt hat, und Sie müssen nicht hacken oder haben unordentlichen Code

Diese Funktion wird aufgerufen, wenn ein TR-Element erstellt (und alle TD Kindelemente wurden eingefügt), oder registriert, wenn Sie verwenden eine DOM-Quelle, die die Manipulation des TR-Elements ermöglicht (Hinzufügen von Klassen usw.).

//initialiase dataTable and set config options 
var table = $('#example').dataTable({ 
    .... 
    'fnCreatedRow': function (nRow, aData, iDataIndex) { 
     $(nRow).attr('id', 'my' + iDataIndex); // or whatever you choose to set as the id 
    }, 
    .... 
}); 

// add data to table post-initialisation 
table.fnAddData([ 
    'col_value_1', 
    'col_value_2', 
    'col_value_3', 
    'col_value_4' 
]); 

Answer 2

Hoffnung Code unten wird Ihnen helfen,

var rowid = $('#example').dataTable().fnAddData([ 
    "col_value_1", 
    "col_value_2", 
    "col_value_3", 
    "col_value_4" ]); 
var theNode = $('#example').dataTable().fnSettings().aoData[rowid[0]].nTr; 
theNode.setAttribute('id','your value'); 

Answer 3

Dieser arbeitete für mich

var MyUniqueID = "tr123"; // this is the uniqueId. 
var rowIndex = $('#MyDataTable').dataTable().fnAddData([ "column1Data", "column2Data"]); 
var row = $('#MyDataTable').dataTable().fnGetNodes(rowIndex); 
$(row).attr('id', MyUniqueID); 

Answer 4

Wenn Sie row.add() verwenden, es ist einfach die ID zu setzen:

var table = $('#example').DataTable(); 
    var rowNode = table.row.add([ 
     "col_value_1", 
     "col_value_2", 
     "col_value_3", 
     "col_value_4" 
    ]).node(); 

    $(rowNode).attr("id", myid); 

Die .node() gibt das Element der neu hinzugefügten Zeile zurück.