当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《更改窗口大小并在导航选项卡之间切换时,数据表无法正确调整大小》经验,为你挑选了1个好方法。

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

在页面的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();
});

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



1> ssk..:

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

推荐阅读
周扒pi
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有