Можно ли сделать jqGrid растянутым до 100%?

Question

Можно ли сделать так, чтобы ширина jqGrid была равна 100%?Я понимаю, что ширина столбцов должна быть абсолютным размером в пикселях, но мне еще предстоит найти что-нибудь для установки относительной величины ширины фактической сетки.Например, я хочу установить ширину на 100%.Вместо 100% он использует нечетный размер 450 пикселей.На странице больше горизонтального пространства, но с шириной столбцов и тому подобным, контейнер (только из сетки) будет прокручиваться горизонтально.Есть ли способ обойти это?

Answer 1

autowidth: true с 3,5 года

Answer 2

у меня работает:

width: null,
shrinkToFit: false,

Answer 3

Я использую это, чтобы установить ширину сетки в ширину родительского контейнера.

function resizeGrid() {
        var $grid = $("#list"),
        newWidth = $grid.closest(".ui-jqgrid").parent().width();
        $grid.jqGrid("setGridWidth", newWidth, true);
}

Answer 4

В итоге я использовал расширение jqGrids.fluid для этого, и оно отлично работало.

ОБНОВЛЕНИЕ : эта ссылка кажется мертвой, но заархивированную статью можно просмотреть здесь .

Answer 5

Попробуйте установить ширину в «ноль».У меня это работает.

$(grid).jqGrid({
   width: null,
});

Answer 6

замечательная функция для этого я нашел здесь (stackoverflow) не могу вспомнить пост.Я закомментировал часть высоты, имейте это в виду (не работал для меня), но ширина прекрасна.закинь это куда-нибудь в свой php файл.

$resize = <<<RESIZE
jQuery(window).resize(function(){
    gridId = "grid";

    gridParentWidth = $('#gbox_' + gridId).parent().width();
    $('#' + gridId).jqGrid('setGridWidth',gridParentWidth);

   // $('#' + gridId).jqGrid('setGridHeight', //Math.min(500,parseInt(jQuery(".ui-jqgrid-btable").css('height'))));
})
RESIZE;

Answer 7

Вы можете попытаться исправить ширину jqGrid относительно функции, которую я описал здесь Правильный вызов setGridWidth для jqGrid в диалоге jQueryUI

Answer 8

проще

  $("#gridId").setGridWidth($(window).width() );

Answer 9

loadComplete : function () {
     $("#gridId").jqGrid('setGridWidth', $(window).width(), true); 
},

Answer 10

Похоже, это не поддерживается. Согласно документам для setGridWidth :

Устанавливает новую ширину сетки динамически. Параметры: new_width - это новая ширина в пикселях ...

В документах для опции width также не упоминается возможность установки ширины в процентах.

При этом вы можете использовать функцию autowidth или аналогичную технику, чтобы придать сетке правильную начальную ширину. Затем следуйте методам, рассмотренным в resize-jqgrid-when-browser-is-resized , чтобы обеспечить правильное изменение размера сетки при изменении размера окна браузера, что будет имитировать эффект ширины 100%. *