Controlling # of Rows Displayed in Scrollable Grid

[Jim]

The problem I'm having is that when I set the grid to be Scrollable(), it automatically adds a vertical scrollbar and shows only two rows of data at a time, even though I've told it that page size should equal 10.  If I remove Scrollable(), the grid displays 10 rows at a time, as desired, but it also extends beyond the width of the browser window, and items beyond the right edge of the screen are displayed in a somewhat garbled fashion.

Setting the Scrollable() grid's height to 80% is effectively ignored, and the grid goes right on displaying only two rows.

(a) I don't want the width of the grid to exceed the width of the browser window.
(b) Setting the width to a fixed number of pixels won't work:  some users have wide-screen and hi-res monitors, others don't.
(c) I want the grid to display an entire "page" worth of items vertically.

Thanks,
Jim

[Atanas Korchev]

Hi Jim,

 You can try setting the scrollable height to "auto". 

Regards,
Atanas Korchev
the Telerik team

[Jim]

That did it.  Thanks!

[Rick]

Can you point me to where in the MVC docs it talks about "scrollable" for the grid? I'm trying to find out exactly what it does and how it works. Thanks.

[Dimo]

Hello Rick,

You can look in the API:

http://www.telerik.com/help/aspnet-mvc/m_telerik_web_mvc_ui_fluent_gridbuilder_1_scrollable_1.html

http://www.telerik.com/help/aspnet-mvc/allmembers_t_telerik_web_mvc_ui_fluent_gridscrollsettingsbuilder.html

Basically, you can enable scrolling and set height to the scrollable data area. Note that the height setting does not apply to the whole Grid, but only to the data area. So the Grid will be higher by the vertical space occupied by its header, pager, toolbar, etc.

Greetings,
Dimo
the Telerik team

[JC]

Why is that not the default setting?

[Dimo]

Hello JC,

Grid scrolling produces a little more complex HTML output (two tables) and requires Javascript to work correctly. On the other hand, it is true that a lot of Grids have scrolling enabled to save real estate on the page. So there are both pros and cons and it is a more or less a political question. In the past we have opted for scroll-less Grid by default. I am not sure we would do the same if we had to make the same decision now, but this is how it's done. Switching the behavior now will not bring any real benefit, but will break existing applications, so there is no sense in doing it.

Greetings,
Dimo
the Telerik team