2017-05-03 28 views
1

私はjQuery DataTablesを使用しており、DBへの挿入が成功した後に行を追加しています。どのようにしてテーブルをリフレッシュさせることができますか?私はドキュメントをチェックしましたが、データがAjaxでロードされている場合にリフレッシュする方法しか見つかりませんでした。私はtbodyクライアント側に追加しています。jQuery Datatables refresh view

+0

新しい行を追加する方法によりますか?マークアップ(「」と1つ以上の「​​」を追加)を使ってデータを追加して追加する場合、DataTableには表示されますが登録されないため、検索可能で、注文可能ではありません。あなたはいますか? 'table.row.add(... row data ...)'メソッドを使ってそれを追加する場合は、すべてのメソッドが有効です。最後に 'draw()'を追加するだけです。 'table.row.add (...行データ...)。draw() '。希望が役立ちます。 – annoyingmouse

答えて

1

あなたはあなたが新しいデータテーブルを使用している場合は、テーブルに

を再描画したいなら、thisはあなたを助けるかもしれない、レガシーデータテーブル

 tableObj.fnClearTable(); 
     tableObj.fnAddData(data); 
     tableObj.fnDraw(); 

fnRedraw()を使用している場合。

var table = $('#example').DataTable(); 
    $('#myFilter').on('keyup', function() { 
     table 
      .search(this.value) 
      .draw(); 
    }); 


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

// Sort by column 1 and then re-draw 
table 
    .order([[ 1, 'asc' ]]) 
    .draw(false);