Ширина диалога jQueryUI

Скриншот Скриншот Скриншот

Я использую диалог 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;
            }
        );
  });
});