同じページ上に複数のjqueryデータ型があり、幅の問題が発生します。 （Datatables v10.13）

Question

両方のテーブルで幅の問題が発生します。以下のコードを参照してください、

<table id="tblMessages" class="table table-striped table-bordered full-width table-advance table-hover table-condensed fl" style="border-collapse:collapse !important;"> 
       <thead> 
        <tr> 
         <th style="cursor:pointer; width:20%">From</th> 
         <th style="cursor:pointer; width:60%">Subject</th> 
         <th style="cursor:pointer; width:20%">Date</th> 
        </tr> 
       </thead> 
       <tbody></tbody> 
      </table> 

そして、ここが第二のテーブルで、私は「列」のDataTableのプロパティが、運に幅を与えてみました

<table id="tblToDos" class="table table-striped table-bordered table-advance full_width table-hover table-condensed fl" style="border-collapse:collapse !important"> 
       <thead> 
        <tr> 
         <th style="width:5%"></th> 
         <th style="cursor:pointer; width:20%">From</th> 
         <th style="cursor:pointer; width:30%">Patient</th> 
         <th style="cursor:pointer; width:35%">Subject</th> 
         <th style="cursor:pointer; width:10%">Reminder Date</th> 
        </tr> 
       </thead> 

注意。

そして、2番目のテーブルのinitを削除してもうまくいきます。

Answer 1

私は解決策を得ました。それは適切な解決策ではありませんが、以下のコードを使用してグリッドを再描画することでこの問題を解決できます。

$('#tblMessages').DataTable().columns.adjust().draw(); 

この行は、2番目のdatatableの初期化が完了した後に置いてください。