DataTables警告：テーブルID = DataTables_Table_1 - DataTableを再初期化できません。動作していません。

Question

DataTables警告：テーブルID = DataTables_Table_1 - DataTableを再初期化できません。このエラーの詳細については、http://datatables.net/tn/3

私のコードは

this.dtOptions = { 
    pagingType: 'full_numbers', 
    scrollX: true, 
    lengthChange: false, 
    pageLength: 100 
    }; 

マイデータテーブルタグは私は私のデータを印刷するとき、私は、データテーブルで角度4を使用しています

<table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="display nowrap" cellspacing="0" width="100%" > 

である参照してください。最初の文字のみが完全な動的値を示さないことを示すデータテーブル。これをどのように解決すればいいですか？

私は、このデータテーブルhttps://l-lin.github.io/angular-datatables/#/getting-started

を使用しています、私は私のデータテーブル結果、動的データのサンプル画像を追加しました。私は、動的データの罰金.Only作業

Answer 1

のDataTableをその時間を、いくつかの静的データを使用していた場合、初期化時にテーブルをカスタマイズするために使用することができます設定オプションの広い範囲を持っていますが、唯一の初期化時に。 DataTableが初期化された後、これらのオプションを使用しようとするとエラーになります。

は、簡単に言えば、のDataTableが初期化オプションは、初期化時以外はいつでも変更することはできません意味

。初期化後のテーブルの任意の操作は、このエラーは、ときのDataTableコンストラクタオブジェクトにオプションを渡すことによってトリガーされるAPIを介して行われなければならないとテーブルがすでに初期化された後に初期化オプションを設定しようとすると、エラー

になります選択されたノードのDataTableインスタンスは既に初期化されています。例えば：

$('#example').dataTable({ 
    paging: false 
}); 


$('#example').dataTable({ 
    searching: false 
}); 

は#exampleがすでにデータテーブルとして初期化されるので、コードの第2のブロックは、実行されたときにエラーになります。

解像度

このエラーがコードにまで切り抜くことができ、これもまた使用することができるさまざまな方法の数は正確にあなたがしようとしているものに応じて、問題が解決するために、いくつかの方法があります。達成する。

シングル初期

あなたは、複数のDataTableの初期化オプションを利用するだけで、テーブルに一緒にそれらすべてを適用したい場合は。我々はページングを無効にしようと我々が使用する検索上記の例のエラーの場合には：

$('#example').dataTable({ 
    paging: false, 
    searching: false 
}); 

オブジェクトインスタンス検索

if ($.fn.dataTable.isDataTable('#example')) { 
    table = $('#example').DataTable(); 
} 
else { 
    table = $('#example').DataTable({ 
     paging: false 
    }); 
} 

は

table = $('#example').DataTable({ 
    retrieve: true, 
    paging: false 
}); 

を取り出します破壊

table = $('#example').DataTable({ 
    paging: false 
}); 

table.destroy(); 

table = $('#example').DataTable({ 
    searching: false 
}); 

あなたを助ける希望。