Forum


21:58

24/08/2010

I am using the latest version 3.8 from the site and I noticed in Firefox, the autowidth option when set to true breaks.
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.
23:39

24/08/2010

Hi guys,
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!
09:40

Moderators
30/10/2007

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
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
17:52

24/08/2010

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.
19:02

24/08/2010

Ok so I used this to fix my problem.
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.
Most Users Ever Online: 715
Currently Online:
59 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66