gridComplete: function() {

    if ($("#jqgrid").is(":visible") && $("#list tr").length) {
         setTimeout(\'$("#list").setGridWidth($("#jqgrid").width());\',500);
    }
 

}

im using the gridComplete event so that the resize is done when loading the grib, works for the toolbar search and sort.

also the reason im using visible is because my grid is in another tab using jquery ui, and if i click on another tab it tries to resize and i get a javascript error, so i am using it for that purpose.

jqgrid is a div i put outside of my table, so im resize to the div's width after each load.

and the timeout is to make sure the content is loaded before applying a resize.

that's how i was able to fix my issue so far.

tony said:

Hello,

Without a link to the problem I can not help.

Actually what you can try to do is to have a pure grid without any additional CSS and etc. - just test this in a simple page and then add the othetr thing one by one or vice versa.

Kind Regrds

Tony

Hi Tony,

I can understand.

I think I understand the issue itself.

It is because I am using jquery ui tabs.

My jqgrid is in a second tab which is loaded via AJAX.

And the jqgrid is populated using another AJAX call.

The issue arises when before loading the jqgrid, the tab contents load and there are no scrollbars on the right side of the browser.

The jqgrid resizes to the correct width inside the tab. 

But as the jqgrid content is loaded, scrollbars appear. So the end result is the jqgrid is a bit larger than the tab itself so it overflows outside of the tab.

The only way I can think of fixing this is calling my resize after the ajax content of the jqgrid is loaded. 

Without a link to the problem I can not help.

Actually what you can try to do is to have a pure grid without any additional CSS and etc. - just test this in a simple page and then add the othetr thing one by one or vice versa.

Kind Regrds

Tony

I also noticed another issue.

Don't know what's going on but here's what's happening.

Also when the grid I am building returns no records found, the table expands itself and overlaps outside of my jQuery UI tab content box.

So it's the same issue as the first one i mentionned but this one is when it's empty records.

I find it wierd, I don't know why it's doing this.

Any hints or help anyone would be appreciated, thanks!

What happens is that if there is alot of data and a scrollbar shows in firefox, the width of the grid overflows outside.

Anyone having this problem too?

I don't know how to fix it, I tried to resize the grid with the complete event but it doesn't work.

In IE it's fine.

Here is a screenshot without scroll:
[Image Can Not Be Found]

Here is the one with a scroll:

[Image Can Not Be Found]

You can see the grid goes over the white and onto the grey.