DataTableを使用してテーブル本体を置き換えます。

Question

DataTablesを初めて使用しました。私のDataTableの本体を変更するのに苦労しています。

私はAPIを見てフォーラムを検索していましたが、何も見つかりませんでした。

APIにはテーブル本体を取得するためのbody()という機能があります。それを設定する機能があれば素晴らしいだろう。

私はAJAXを通してまったく新しいテーブル本体を取得していますが、古いボディを取り外して代わりに入れたいと思います。

私はjQuery関数html()でこれをやっていましたが、ここでは状況が違うようです。

Answer 1

すべての行を置換する必要がある場合は、clear()とrows.add()の組み合わせを使用することをおすすめします。例えば

：あなたはdestroy()でテーブルを破壊するために必要なHTMLコンテンツでテーブルを置き換える場合

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

table.clear(); 
table.rows.add([ 
    { 
     "name":  "Tiger Nixon", 
     "position": "System Architect", 
     "salary":  "$3,120", 
     "start_date": "2011/04/25", 
     "office":  "Edinburgh", 
     "extn":  "5421" 
    }, { 
     "name": "Garrett Winters", 
     "position": "Director", 
     "salary": "$5,300", 
     "start_date": "2011/07/25", 
     "office": "Edinburgh", 
     "extn": "8422" 
    } 
]); 

そうでない場合は、tbodyを交換し、その後DataTable()で再びテーブルを再初期化します。例えば

：

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

table.destroy(); 

$('#example').html('<thead><tr><th></th></tr></thead><tbody></tbody>'); 

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