Я использую диалог jQuery для открытия таблиц. Некоторые из них имеют большой объем текста, и они имеют тенденцию быть слишком длинными и уходят с экрана. Как я могу сделать диалог шире, если таблица слишком длинная, как первая в скрипке? Я пробовал width:'auto'
, но, похоже, просто занимает весь экран.
HTML:
<button class='label'>Click</button><div class='dialog'><p><table>.....</table></div>
<button class='label'>Click</button><div class='dialog'><p><table>.....</table></div>
JavaScript:
$(document).ready(function(){
$('.label').each(function() {
var dialogopen = $(this).next(".dialog");
dialogopen.dialog({width:'auto',autoOpen: false,modal: true,
open: function(){
jQuery('.ui-widget-overlay').bind('click',function(){
dialogopen.dialog('close');
})
}
});
$(this).click(function(){
dialogopen.dialog('open');
return false;
}
);
});
});