JQuery UI проблемы с таблицами в диалогах

Question

У меня есть диалоговое окно jQuery UI, к которому я применил заполнение, а внутри диалогового окна - длинная таблица. Затем я настраиваю диалоговое окно на ограниченную высоту, чтобы иметь полосу прокрутки.

Кажется, что всякий раз, когда к ячейкам таблицы применяется Nowrap, отступ справа от таблицы покрывается полосой прокрутки. Если я уберу Nowrap, он будет работать нормально.

Вот редактируемый пример:

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

Answer 1

Кажется, что это происходит только тогда, когда вы устанавливаете ширину диалога на auto.

Один из обходных путей - установить ширину таблицы на 100% и сбросить ширину диалога на фиксированную длину.К длине необходимо добавить отступ, равный или превышающий ширину полосы прокрутки.Например:

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

См. Это в действии: http://jsbin.com/okolap/10/.