如何在javascript事件上调整数据表1.10的列

Question

我的wesite中有一个导航栏，其中有一个锚元素作为侧面导航栏的切换。

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

当我点击切换时，侧面导航将隐藏/显示。

内容中有dataTable。触发此切换事件时，这些数据表列不会自动调整大小。但是列会在其他事件上自动调整大小，例如（缩放，窗口大小更改，数据库上的任何事件（搜索，更改要显示的条目数））

标签侧边栏的图片

封闭侧栏的图像

所以我想知道如何在触发切换时实现这一点。

我试过

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

根据@skobaljic的建议，我们可以触发javascript resize事件。 但他的代码工作，我不知道为什么。

经过一些谷歌搜索后，我通过使用以下代码获得了stackoverflow page触发调整大小事件。

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

不幸的是，我为这个问题得到了任何数据表插件解决方案。