Jquery ui jQuery UI与对话框中的表有关

Jquery ui jQuery UI与对话框中的表有关,jquery-ui,dialog,Jquery Ui,Dialog,我有一个jQueryUI对话框,我在其中应用了填充,在该对话框中有一个长表。然后,我将对话框配置为有限高度,以便有一个滚动条 似乎每当对表格单元格应用nowrap时,滚动条就会覆盖表格右侧的填充。如果我移除nowrap,它工作正常 以下是一个可编辑的示例: 似乎只有当您将对话框的宽度设置为auto时才会发生这种情况 一种解决方法是将表的宽度设置为100%,并将对话框的宽度重置为固定长度。长度需要添加等于或大于滚动条宽度的填充。例如: var newWidth = $('.Dialog').wid

我有一个jQueryUI对话框,我在其中应用了填充,在该对话框中有一个长表。然后,我将对话框配置为有限高度,以便有一个滚动条

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

以下是一个可编辑的示例:


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

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

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

请参见此操作:

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

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

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

请参见此操作:

是的,我也明白了。我从Brandon Aaron那里找到了一个jQuery插件来检测名为“getscrollbarwidth”的滚动条大小。它可以工作,但后来一些jQuery开发人员告诉我宽度:“auto”不是一个有效的选项。也许这就是问题的原因,但不确定。我将不得不去解决,因为我不能预测表的宽度,所以我需要使这自动。是的,我也算出了。我从Brandon Aaron那里找到了一个jQuery插件来检测名为“getscrollbarwidth”的滚动条大小。它可以工作,但后来一些jQuery开发人员告诉我宽度:“auto”不是一个有效的选项。也许这就是问题的原因,但不确定。我将不得不去解决,因为我不能预测表的宽度,所以我需要使这自动。