Forum
Log In
Home
Topic RSS
17:14
19/10/2008
Offline
Insted of defining width in pixels, is that possible to provide width in percent so it can fit on size of resolution?
08:01
Moderators
30/10/2007
Offline
Hello,
Check this form.
If you enclose the grid in div or other element
then
var gwdth = $(divelement).width();
$(...).jqGrid({
...
width: gwidth,
...
});
Then you can use setGridWidth method when the element resizes.
Regards
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.
14:33
23/10/2008
Offline
please Tony, can you explain more or give a live example!!
06:57
Moderators
30/10/2007
Offline
Hello,
It is possible to use the entry width of grid as percentage, but not
columns. See my example aboveexample. Percentage have
sence only if you have parent element to wich you can set percent. You can use the javascript onresize event fort this purpose.
Regards
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.
11:55
23/10/2008
Offline
Which file do I have to add that piece of code to and where!!!. Sorry but am not getting it well.
09:56
12/05/2008
Offline
Hi, Tony!
I've tried to set the grid width to the parent div element width - exactly
as you've proposed:
outerwidth = $("#outer").width()
...
$("#testreport").jqGrid({
...
width: outerwidth;
...
});
But it doesn't seem to work for me ( at least with FF 3.0.3 - I could not
check it with other browsers / versions ). The grid still goes way beyound
the right border of the "outer" ( parent ) div.
Do you have any idea why?
Thanks.
07:29
Moderators
30/10/2007
Offline
Does the outer div have any width?
Regards
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.
08:32
12/05/2008
Offline
Yes, it has:
#outer {
...
width: 95%,
...
}
Thanks.
03:49
Moderators
30/10/2007
Offline
Hello
Try with:
#outher {
....
width : 500px
...
}
Width 95% means 95% from parent element
Regards
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.
03:48
12/05/2008
Offline
Tried to do it your way:
#outher {
....
width: 500px;
...
}
No luck though - the grid still get wider then the container div.
Thanks.
01:16
Moderators
30/10/2007
Offline
Hello,
If this does not help we can use another approach.
After creating a grid
outerwidth = $(”#outer”).width();
("#mygrid").jqGrid({
...
}).setGridWidth(outerwidth);
Regards
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.
07:30
12/05/2008
Offline
This one worked.
Thanks a lot!!!
11:47
25/10/2008
Offline
I'm using the following method with the jquery “dimensions” plugin:
$(window).bind('resize', function() {
jQuery(”#s1list”).setGridWidth($(window).width());
});
In firefox its fine, but in IE 7 the horizontal scroll is all messed up and it shows a vertical scroll even with height: 100% after resizing. Any input on this?
Thanks!
03:41
Moderators
30/10/2007
Offline
Hello,
Try to set not $(window).width(), but $(window).width()-5 or
something else
Regards
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.
05:42
25/10/2008
Offline
Hello tony,
Already tried that, no success.
From what i understand, in IE7 a vertical and horizontal scroll is added, but without purpose because i can see all the fields (screenshot below).
I have shrinkToFit: true.
12:19
30/11/2008
Offline
You can set
shrinkToFit: true,
forceFit: true
this gets rid of the horizontal scroll-bar.
Note that this is not perfect for loads of columns since there is no horizontal scroll-bar at all.
I hope this helps,
Sven
06:56
25/10/2008
Offline
hey sv72,
That worked great on IE! I have some problems in Firefox tho, but i think its css related and i will fix it soon.
Thanks!
03:15
01/07/2010
Offline
Hello,
Is there a method which resize grid width & height to fit its parent container?
I use jqGrid with "jquery layout" and want my grid to fit ui-layout-container which dynamically resizes (both width & height).
option:autowidth is not dynamic and also doesn't work for height.
So I am now using my own function like the following. (I trigger this function whenever container resizes)
function resize_grid(grid) {
var container = grid.parents('.ui-layout-content:first');
grid.jqGrid('setGridWidth', container.width()-2); // -2 is border width?
var h = grid.parents('.ui-jqgrid:first').height() - grid.parents('.ui-jqgrid-bdiv:first').height();
grid.jqGrid('setGridHeight', container.height() - h - 2);
}
Please advise me if there is better or easier solutions.
Thank you
Most Users Ever Online: 715
Currently Online:
66 Guest(s)
Currently Browsing this Page:
1 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
