在我的网页中,我有一个带有两个标签的导航标签栏。每个选项卡都有一个单独的数据表。当我最初加载页面并在选项卡之间切换时,表格会正确呈现。但是,当我调整窗口大小并在选项卡之间切换时,调整大小时不可见的表现在无法正确呈现。然后,我调整窗口大小并按预期调整表大小,但是当我切换回另一个选项卡时,该表无法正确呈现。
在页面的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(); });
那么,当在选项卡之间切换并调整浏览器窗口的大小时,如何使其正确呈现?
我自己似乎已经解决了这个问题。我什至不需要功能fnAdjustColumnSizing。如果设置为“ AutoWidth”:初始化时为false,则当浏览器调整大小时,数据表将调整列的大小。虽然似乎违反直觉。