<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
	<title>jQuery Grid Plugin - jqGrid - Topic: browser resize: how to resize jqgrid</title>
	<link>http://www.trirand.com/blog/?page_id=393/discussion/browser-resize-how-to-resize-jqgrid</link>
	<description><![CDATA[Grid plugin]]></description>
	<generator>Simple:Press Version 5.7.5.3</generator>
	<atom:link href="http://www.trirand.com/blog/?page_id=393/discussion/browser-resize-how-to-resize-jqgrid/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>spectrus on browser resize: how to resize jqgrid</title>
        	<link>http://www.trirand.com/blog/?page_id=393/discussion/browser-resize-how-to-resize-jqgrid#p4539</link>
        	<category>Discussion</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/discussion/browser-resize-how-to-resize-jqgrid#p4539</guid>
        	        	<description><![CDATA[<p>I trigger something like this inside the gridComplete event of the grid. This way it is resized to the size of the container (in this case div with class subject), and so it will resize correctly in any browser.</p>
<p><code> </code></p>
<p>function adjustDataGridWidth() {<br />&#160;&#160;&#160; // resize the datagrid to fit the page properly:<br />&#160;&#160;&#160; $(&#39;div.subject&#39;).children(&#39;div&#39;).each(function() {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; $(this).width(&#39;auto&#39;);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; $(this).find(&#39;table&#39;).width(&#39;100%&#39;);<br />&#160;&#160;&#160; });<br />}</p>
]]></description>
        	        	<pubDate>Mon, 09 Feb 2009 15:40:13 +0200</pubDate>
        </item>
        <item>
        	<title>ashish on browser resize: how to resize jqgrid</title>
        	<link>http://www.trirand.com/blog/?page_id=393/discussion/browser-resize-how-to-resize-jqgrid#p3350</link>
        	<category>Discussion</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/discussion/browser-resize-how-to-resize-jqgrid#p3350</guid>
        	        	<description><![CDATA[<p>When i resize the browser, rest of my screen resize correctly but grid remains same and just flows out. How do I make grid also resize?</p>
</p>
<p>I am using</p>
<p>&#160;height:250</p>
<p>var gwdth = $("#outer").width();</p>
<p>jQuery("#list").jqGrid().setGridWidth(gwdth);</p>
</p>
<p>&#160; &#60;div id="outer" style="width:99%;"&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;table id="list" class="scroll"&#62;&#60;/table&#62; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;div id="pager" class="scroll" style="text-align:center;"&#62;&#160; &#60;/div&#62; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;/div&#62;</p>
]]></description>
        	        	<pubDate>Fri, 28 Nov 2008 18:08:17 +0200</pubDate>
        </item>
</channel>
</rss>