更改窗口大小并在导航选项卡之间切换时，数据表无法正确调整大小

Question

在我的网页中，我有一个带有两个标签的导航标签栏。每个选项卡都有一个单独的数据表。当我最初加载页面并在选项卡之间切换时，表格会正确呈现。但是，当我调整窗口大小并在选项卡之间切换时，调整大小时不可见的表现在无法正确呈现。然后，我调整窗口大小并按预期调整表大小，但是当我切换回另一个选项卡时，该表无法正确呈现。

在页面的html部分中，我将表格的宽度指定为100％。

以下是我用来构造和显示表的JavaScript / Jquery。

var some_table = $('#some_table');

function load_some_table() {
    table = some_table.dataTable({
        "dom": 'T<"clear">lfrtip',
        "destroy": true,
        "autoWidth": true,
        "scrollX": true,
        "order": [[2, "desc"]],          
    });
}

$(document).ready(function() {
    load_some_table();
});

$(window).resize( function () {
    some_table.fnAdjustColumnSizing();
});

那么，当在选项卡之间切换并调整浏览器窗口的大小时，如何使其正确呈现？

Answer 1

我自己似乎已经解决了这个问题。我什至不需要功能fnAdjustColumnSizing。如果设置为“ AutoWidth”：初始化时为false，则当浏览器调整大小时，数据表将调整列的大小。虽然似乎违反直觉。