データシートの列を調整する方法1.10 javascriptイベントの場合

Question

サイドナビゲーションバーのトグルとしてアンカー要素を使用して、私のウェズサイトにナビゲーションバーがあります。

<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button" onclick="toggle_click()"> 
    <span class="sr-only">Toggle navigation</span> 
</a> 

サイドトラックが表示/非表示に切り替わるときにクリックします。

コンテンツにはdataTableがあります。このトグルイベントがトリガーされたときに、それらのデータテーブルの列のサイズが自動的に変更されることはありません。（ズーム、ウィンドウサイズの変更、（検索、表示するエントリ数の変更などの） 。クローズドサイドバー

のtaggleサイドバーの

画像

画像ので、私は、トグルがトリガされたときにこれを実現する方法を知りたいです。

@skobaljicによって示唆されるように、私たちはjavascriptのresizeイベントをトリガすることができます

function toggle_click() { 
     var mtable = $('#open_ticket_table').DataTable(); 
     mtable.responsive.recalc(); 
} 

function toggle_click() { 
     var mtable = $('#open_ticket_table').DataTable(); 
     mtable.columns.adjust(); 
} 

インターネット

Answer 1

内のすべての可能なthigsを試してみました。 しかし、彼のコードdint仕事、私はなぜか分からない。

私がこのstackoverflow pageをトリガーした後、以下のコードを使用してサイズ変更イベントをトリガーしました。

window.dispatchEvent(new Event('resize')); 

残念ながら、私はこの問題のためのdatatablesプラグインの解決策を得ていません。