<?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: IE height autoscroll for grid - FIX</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/ie-height-autoscroll-for-grid-fix</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/help/ie-height-autoscroll-for-grid-fix/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>tony on IE height autoscroll for grid - FIX</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/ie-height-autoscroll-for-grid-fix#p13661</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/ie-height-autoscroll-for-grid-fix#p13661</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>Thanks. Discussed here, but it is not good solution. Try to have a initially vertical scroll in FF - i.e have 100 rows loaded and set the height of 150.</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Thu, 07 Jan 2010 20:51:13 +0200</pubDate>
        </item>
        <item>
        	<title>riverguardian on IE height autoscroll for grid - FIX</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/ie-height-autoscroll-for-grid-fix#p13623</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/ie-height-autoscroll-for-grid-fix#p13623</guid>
        	        	<description><![CDATA[<p>Hi,</p>
<p>I have/had a bit of an issue here. I&#39;m using the latest code and a fixed width for the grid (&#160;width: &#39;750&#39;,) and shrinkToFit : false. The css for bdiv shows</p>
</p>
<p>.ui-jqgrid .ui-jqgrid-bdiv{</p>
<p>&#160;&#160; &#160;position:relative;margin:0;padding:0;</p>
<p>&#160;&#160; &#160;overflow-x:auto;</p>
<p>}</p>
</p>
<p>In firefox, the grid is as follows:</p>
<p>&#160;<a href="http://imgur.com/JPQib.jpg"><img src="http://imgur.com/JPQib.jpg" width="100"  class="sfimageleft spUserImage" alt="Hosted by imgur.com" /><img src="http://www.trirand.com/blog/wp-content/sp-resources/forum-themes/default/images/sp_Mouse.png" class="sfimageleft sfmouseleft" alt="Image Enlarger" /></a></p>
<p>In Internet Explorer, the grid shows the vertical scrollbar, and overflow-y:none will not work.</p>
<p><a href="http://imgur.com/XTG5t.jpg"><img src="http://imgur.com/XTG5t.jpg" width="100"  class="sfimageleft spUserImage" alt="Hosted by imgur.com" /><img src="http://www.trirand.com/blog/wp-content/sp-resources/forum-themes/default/images/sp_Mouse.png" class="sfimageleft sfmouseleft" alt="Image Enlarger" /></a></p>
<p>The fix for this is to use&#160;</p>
</p>
<p>.ui-jqgrid .ui-jqgrid-bdiv{</p>
<p>&#160;&#160; &#160;position:relative;margin:0;padding:0;</p>
<p>&#160;&#160; overflow:visible; overflow-x:auto; overflow-y:hidden;</p>
<p>&#160;&#160; padding-bottom:20px;</p>
<p>}</p>
<p>which will make IE happy. Change the padding accordingly. Otherwise you may lose your bottom last row.</p></p>
]]></description>
        	        	<pubDate>Wed, 06 Jan 2010 23:49:50 +0200</pubDate>
        </item>
</channel>
</rss>