$ .dialogue () динамический размер

Question

Возможно ли расширение .dialog для соответствия содержимому?Я знаю, что могу установить ширину, высоту и свойства.У меня есть таблица, которая будет иметь N строк.Я хочу, чтобы диалоговое окно отображало всю таблицу.Полоса прокрутки отображается только в том случае, если размер таблицы превышает размер окна браузера.

Возможно ли это?

Answer 1

Не должно быть проблемой.Сначала рассчитайте высоту области просмотра.Затем присвойте высоту свойству dialog.Как-то так:

var windowHeight = $(window).height();
$('.myTable').dialog({'height': windowHeight});
// or use the maxHeight-property...

Answer 2

сделать что-то вроде:

var $table = $("#tableId"),
    $window = $(window);

$table.dialog({

    // other properties set here ...

    maxHeight: $window.height() - 50,
    maxWidth: $window.width() - 50,
    height: $table.outerHeight(true) + 50,
    width: $table.outerWidth(true) + 50

});

// I always give some room, hence the 50

Answer 3

плюс за ответ faileN, если вы хотите отобразить всю таблицу из-за размера окна, вы можете установить ее высоту равной размеру вдовы.

var wHeight= $(window).height();
var wWidth = $(window).width();

$('.myTable).dialog({'height': wHeight, 'width':wWidth });

Answer 4

Не могли бы вы указать "auto" в качестве значения свойства height?Из документов :

Высота диалога в пикселях.Также можно указать «auto», чтобы настроить диалог на основе его содержимого.