Как изменить размер jqGrid при перетаскивании сплиттера

Question

У меня есть некоторые проблемы с реализацией jqGrid с макетами jQuery. Проблема заключается в изменении размера сетки при изменении размера окна браузера. Высота работает правильно, но моя проблема - ширина. Ширина сетки иногда не обновляется. Также, если я закрою левую панель, сетка не распознает новую ширину и сохранит старую.

Чтобы быть коротким, мне нужно, чтобы ширина egrid составляла 100% ширины окна.

Я попытался реализовать этот код, чтобы увидеть, где моя проблема, но произошло то же самое. Вот фотографии моей проблемы:

Базовая нагрузка и сплиттер активированы.

Answer 1

Значение 100% не поддерживается для ширины jqGrid. Для достижения желаемого результата вам нужно использовать правильные обратные вызовы макетов jQuery и метод setGridWidth:

$('#gridId').jqGrid('setGridWidth', 600);

Вы можете найти несколько примеров здесь: Изменить размер jqGrid при изменении размера браузера?

Answer 2

Что -то вроде:

$(window).bind('resize', function() {
    $("#jqgrid").setGridWidth($(window).width());
}).trigger('resize');