【问题标题】:jQuery UI issues with tables in dialogs对话框中的表格的 jQuery UI 问题
【发布时间】:2011-09-30 19:39:30
【问题描述】:

我有一个 jQuery UI 对话框,我对其应用了填充,并且在对话框内我有一个长表。然后我将对话框配置为有限的高度,以便有一个滚动条。

似乎每当对表格单元格应用 nowrap 时,表格右侧的填充就会被滚动条覆盖。如果我删除 nowrap,它可以正常工作。

这是一个可编辑的示例:

http://jsbin.com/okolap/4/edit

【问题讨论】:

    标签: jquery-ui dialog


    【解决方案1】:

    似乎只有当您将对话框的宽度设置为auto 时才会发生这种情况。

    一种解决方法是将表格的宽度设置为 100%,并将对话框的宽度重置为固定长度。长度需要添加一个等于或大于滚动条宽度的填充。例如:

    var newWidth = $('.Dialog').width() + 50;
    $('.Dialog').width(newWidth);
    

    查看实际操作:http://jsbin.com/okolap/10/

    【讨论】:

    • 是的,我也想通了。我从 Brandon Aaron 找到了一个 jQuery 插件来检测名为“getscrollbarwidth”的滚动条大小。它可以工作,但后来一些 jQuery 开发人员告诉我 width: "auto" 不是一个有效的选项。也许这就是问题的原因,但不确定。我将不得不采用解决方法,因为我无法预测表格宽度,所以我需要让它自动。
    猜你喜欢
    • 2011-05-24
    • 1970-01-01
    • 2013-11-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多