jQuery DataTables行を追加するといくつかの初期化が動的に削除されます

Question

jQuery DataTablesでうまく動作しています。しかし、私は行を動的に追加することに変わり、行が追加されるといくつかの書式が消えます。列の

1.背景色を選択しclumnの背景色が同様に 3.消え、あなたが列ヘッダをクリックした場合、それはすべての行を殺し、すべてとその初期状態へのDataTableをリセット 2.消えますバックグラウンドの色を選択し、バックグラウンドをバックグラウンドで選択する必要があります。

これは、ここで

oTable = $('.utable').dataTable({"sDom": 'rt',"sScrollY":"260px", "bPaginate":false, "bFilter":false, "bInfo": false}); 

私は新しい行を追加する方法である「テーブルが初期化された方法です。

document.getElementById('tbdy').innerHTML="<tr id='zrow16' class='gradeX'><td id='d1'>None</td><td id='d5' class='ralign'>None</td><td id='d6' class='ralign'>None</td></tr>";...<tr id='zrow17' class='gradeX'><td.... " 

Answer 1

行を追加するにはfnAddData()を使用する必要があり、あなたが<tr>を追加するべきではありませんそれ以外の場合は、テーブルを破る

var giCount = 2; 
function fnClickAddRow() { 
    oTable.fnAddData([ 
    giCount+".1", 
    giCount+".2", 
    giCount+".3", 
    giCount+".4", 
    '<input type="checkbox">'] 
); 

    giCount++; 
}