jQuery Grid Plugin - jqGrid - Topic: is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width Simple:Press Version 5.7.5.3 toolm on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p18341 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p18341 Thu, 01 Jul 2010 03:16:13 +0300 toolm on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p18340 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p18340 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

]]> Thu, 01 Jul 2010 03:15:22 +0300 Armorfist on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3399 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3399 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!

]]> Wed, 03 Dec 2008 06:56:05 +0200 sv72 on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3362 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3362 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

]]> Sun, 30 Nov 2008 12:19:38 +0200 Armorfist on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3320 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3320 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.

[Image Can Not Be Found]

]]> Thu, 27 Nov 2008 05:42:57 +0200 tony on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3314 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3314 Hello,

Try to set not $(window).width(), but $(window).width()-5 or

something else

Regards

Tony

]]> Thu, 27 Nov 2008 03:41:38 +0200 Armorfist on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3301 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3301 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!

]]> Wed, 26 Nov 2008 11:47:31 +0200 victorz on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3291 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3291 This one worked.

Thanks a lot!!!

]]> Wed, 26 Nov 2008 07:30:23 +0200 tony on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3250 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3250 Hello,

If this does not help we can use another approach.

After creating a grid

outerwidth = $(”#outer”).width();

("#mygrid").jqGrid({

...

}).setGridWidth(outerwidth);

Regards

Tony

]]> Tue, 25 Nov 2008 01:16:36 +0200 victorz on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3219 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3219 Tried to do it your way:

#outher {

....

width: 500px;

...

}

No luck though - the grid still get wider then the container div.

Thanks.

]]> Mon, 24 Nov 2008 03:48:55 +0200 tony on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3186 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3186 Hello

Try with:

#outher {

....

width : 500px

...

}

Width 95% means 95% from parent element

Regards

Tony

]]> Fri, 21 Nov 2008 03:49:29 +0200 victorz on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3175 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3175 Yes, it has:

#outer {

   ...

   width: 95%,

   ...

}

Thanks.

]]> Thu, 20 Nov 2008 08:32:43 +0200 tony on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3121 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3121 Does the outer div have any width?

Regards

Tony

]]> Mon, 17 Nov 2008 07:29:58 +0200 victorz on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3089 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p3089 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.

]]> Sat, 15 Nov 2008 09:56:14 +0200 vinceblackmc on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p2706 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p2706 Which file do I have to add that piece of code to and where!!!. Sorry but am not getting it well.

]]> Sun, 26 Oct 2008 11:55:11 +0200 tony on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p2688 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p2688 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

]]> Sat, 25 Oct 2008 06:57:52 +0300 vinceblackmc on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p2662 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p2662 please Tony, can you explain more or give a live example!!

]]> Thu, 23 Oct 2008 14:33:19 +0300 tony on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p2598 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p2598 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

]]> Sun, 19 Oct 2008 08:01:11 +0300 asifkilwani on is it possible to have 100% width http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p2588 Discussion http://www.trirand.com/blog/?page_id=393/discussion/is-it-possible-to-have-100-width#p2588 Insted of defining width in pixels, is that possible to provide width in percent so it can fit on size of resolution?

]]> Sat, 18 Oct 2008 17:14:39 +0300