jQuery的馬克DataTable中

Question

新添加的行我有我的HTML頁面中的現有數據表，我嘗試添加使用fnAddData

var addId = vandropDatatable.fnAddData(["1", "2"]); 

我怎樣才能findout新添加的行新行添加一些類吧（例如addClass（ 「NEW_ITEM」））

Answer 1

已更新，以反映數據表1.10.x.下面的原始答案是針對1.9.x.它仍然是適用的，但1.10.x API的方式是更強大：

$("#add").click(function() { 
    var row = table.row.add([ 
     'new', 
     'new', 
     'new', 
     'new', 
     'new' 
    ]).draw(); 
    row.nodes().to$().addClass('newRow'); 
}); 

1.10.x演示 - >http://jsfiddle.net/0scq8rkm/

在1.10.x你得到API對象回來，手裏拿着行。 nodes().to$()讓你在內部行節點上工作，因爲它是一個jQuery對象。

---

比方說，你想給新<tr>的佈局如下：

tr.newRow { 
    background-color: red; 
    font-size: 20px; 
} 

和你有一個添加按鈕：

<button id="add">add new row</button> 

現在，添加按鈕，當點擊，使用返回的rowindex爲新創建的<tr>獲取正確的行，通過函數fnGetNodes：

$("#add").click(function() { 
    var rowIndex = dataTable.fnAddData([ 
     'new', 
     'new', 
     'new', 
     'new', 
     'new' 
    ]); 
    var row = dataTable.fnGetNodes(rowIndex); 
    $(row).removeClass().addClass('newRow'); 
}); 

看到小提琴 - >http://jsfiddle.net/q4E3Y/

Answer 2

試着改變你的fnRowCallback以下幾點：

"fnRowCallback": function(nRow, aData, iDisplayIndex) { 
    nRow.className = "your new class"; 
    return nRow; 
} 

http://datatables.net/examples/advanced_init/row_callback.html