Resize jqGrid when browser is resized?


Is there any way to resize a jqGrid when the browser window is resized? I have tried the method described here but that technique does not work in IE7.


If you:

  • have shrinkToFit: false (mean fixed width columns)
  • have autowidth: true
  • don't care about fluid height
  • have horizontal scrollbar

You can make grid with fluid width with following styles:

.ui-jqgrid {
  max-width: 100% !important;
  width: auto !important;

.ui-jqgrid-bdiv {
   width: auto !important;

Here is a demo

By : Chintsu

Try this:

width: null
shrinkToFit: true
By : Eric Wang

This works..

var $targetGrid = $("#myGridId");
$(window).resize(function () {
    var jqGridWrapperId = "#gbox_" + $targetGrid.attr('id') //here be dragons, this is     generated by jqGrid.
    $targetGrid.setGridWidth($(jqGridWrapperId).parent().width()); //perhaps add padding calculation here?
By : Erik

This video can help you solving your question :)
By: admin