jquery - 数据表标题调整大小

Question

我为我的桌子使用以下选项

$('#test').DataTable({
    paging: false,
    bInfo: false,
    scrollY: "600px",
    scrollX: "700px",
    scrollCollapse: true,
});

这对我需要的一切都非常有用，除了一件事，当我使用汉堡菜单折叠或展开侧边栏时，表格标题无法正确调整大小。下面是侧边栏折叠后我桌子的右上角

正如您可能看到的，主体和过滤器都在正确的平面上，但我们的标题太窄了。

我尝试使用该scrollResize选项，但这不适用于手头的问题。

编辑：我有一列当前隐藏。似乎数据表缺乏正确计算隐藏元素调整大小的能力。为了解决这个问题，我将尝试使用data-*属性替换隐藏数据。

来源

编辑2：我尝试了上面的解决方案，但问题仍然存在。

标签： jquerybootstrap-4datatables

Answer 1

每次单击汉堡菜单时，我都可以通过手动触发标题调整大小事件来解决此问题。

$("#sidebarToggle").on("click", function(){
    $('#test').dataTable().fnAdjustColumnSizing();
});