web-dev-qa-db-ja.com

Datatablesの再初期化(jQuery)

最初にページをロードすると、テーブルに何も表示されず、データテーブルが初期化されません。いくつかのインタラクション行が追加された後、すべての行が追加されたとき(ajax呼び出しを使用)、次のようにデータテーブルを初期化します。

oTable = $('#table).dataTable( {
            "bJQueryUI": true,
            "bSortClasses": false,
            "sDom":'T<"clear">',
            "sPaginationType": "full_numbers",
            "sDom": 'T<"clear"><"fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix"lfr>t<"fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"ip>'
        } );

問題は、そのテーブルをクリアしてhtmlに追加し続けてから、fnAddDataを使用せずにそのソースコードからテーブルを再初期化できるようにしたいことです。

何か案は?

ありがとうございました!

12
Pierluc

$('#table').dataTable().fnDestroy();を呼び出すと、テーブルのdataTableコードがクリアされ、テーブルを操作できるようになります。その後、もう一度dataTableを呼び出します。

23
shmuel613

fnUpdatefnClearTableを使用できますか? http://datatables.net/api

3
Aaron Harun

データテーブルセットbDestroy:trueを初期化するとき、および$('#myTable').dataTable().fnClearTable();を介して更新クリアテーブルを追加する前。それでおしまい!!

3
user2098333

初期化変数bDestoryを使用します。ないnDestroy

1
Gutzofter

テーブルをクリアするには、oTable.api()。clear()。draw();

ajaxからデータをリロードするには、oTable.api()。ajax.reload();

ReInitは良い方法ではないと思います

0
isoloist