Pager hidden in Gridviewhttp://forums.asp.net/t/1804006.aspx/1?Pager+hidden+in+GridviewMon, 21 May 2012 09:15:29 -040018040064982152http://forums.asp.net/p/1804006/4982152.aspx/1?Pager+hidden+in+GridviewPager hidden in Gridview <p>I have a Gridview showing a bunch of data. Now what I want is to show is the data with 10 rows in a page in Gridview. Also I do not want vertical scroll in Gridview, but horizontal scroll is required.</p> <p>I am putting the Gridview inside &lt;DIV&gt; and setting its properties as below :</p> <pre class="default prettyprint"><pre class="prettyprint">&lt;div style=&quot;overflow-x:auto; overflow-y:hidden;&quot;&gt;</pre></pre> <pre class="default prettyprint"><pre class="prettyprint">//MyGridView here</pre></pre> <pre class="default prettyprint"><pre class="prettyprint">&lt;/div&gt;</pre></pre> <p>But the problem is that although the 10 rows of data is showing perfectly fine, I dont see the pager at the bottom of the grid. If I change the position of pager to "top" then its visible at the top of gridview.<br />Please help...This has been bugging me for a couple of days now :(</p> <pre class="default prettyprint"><span face="monospace" style="font-family: monospace;"><br /></span></pre> <pre class="default prettyprint">&nbsp;</pre></pre> 2012-05-15T16:48:54-04:004982198http://forums.asp.net/p/1804006/4982198.aspx/1?Re+Pager+hidden+in+GridviewRe: Pager hidden in Gridview <p>did u try by removing '<span class="atv"></span><span class="kwd">overflow-x</span><span class="pun">:</span><span class="pln">auto</span><span class="pun">;'?</span></p> <p><span class="pun">if it works then try to provide some other value, except auto.<br> </span></p> 2012-05-15T17:27:29-04:004982230http://forums.asp.net/p/1804006/4982230.aspx/1?Re+Pager+hidden+in+GridviewRe: Pager hidden in Gridview <p></p> <blockquote><span class="icon-blockquote"></span> <h4>amadikted</h4> <br> <br> &lt;div style=&quot;overflow-x:auto; overflow-y:hidden;&quot;&gt;<br> <br> </blockquote> <br> Actually you set the vertical overflow to hide in div. Remove overflows and use the div like<br> &lt;div&gt;<br> or like<br> &lt;div style=&quot;overflow-x:auto; overflow-y:auto;&quot;&gt; <p></p> <p></p> 2012-05-15T18:01:00-04:004982982http://forums.asp.net/p/1804006/4982982.aspx/1?Re+Pager+hidden+in+GridviewRe: Pager hidden in Gridview <p>If I use overflow-y:auto then it will bring a vertical scroll too, which I do not want...</p> <p>I just want a horizontal scroll. And pager is showing if I change its position from bottom to top...</p> 2012-05-16T07:23:05-04:004984870http://forums.asp.net/p/1804006/4984870.aspx/1?Re+Pager+hidden+in+GridviewRe: Pager hidden in Gridview <p>Hi,</p> <p>A workaround is you can use a custom pager control outside the GridView and Scroll div:</p> <p><a href="http://www.codeproject.com/Articles/20870/A-very-nice-and-complete-custom-GridView-pager-wit">http://www.codeproject.com/Articles/20870/A-very-nice-and-complete-custom-GridView-pager-wit</a></p> <p><a href="http://www.codeproject.com/Articles/11418/Pager-Control-for-ASP-NET">http://www.codeproject.com/Articles/11418/Pager-Control-for-ASP-NET</a></p> <p><a href="http://msdn.microsoft.com/en-us/library/ms972960.aspx">http://msdn.microsoft.com/en-us/library/ms972960.aspx</a></p> <p>Thanks,</p> 2012-05-17T08:43:42-04:004989706http://forums.asp.net/p/1804006/4989706.aspx/1?Re+Pager+hidden+in+GridviewRe: Pager hidden in Gridview <p>Have you tried removing the overflow-y? Setting it to hidden will cause things that are beyond the specified height to be hidden.</p> <p>Overflow-y is only effective when you have also set height. What have you set height to?&nbsp;</p> 2012-05-21T09:15:29-04:00