[Solved] Resizing Grid Height

[Joel Martinez]

Hi ... I need a grid that I can dynamically resize the height via javascript based on a few things. Does the client-side API support this?

[Atanas Korchev]

Hello Joel Martinez,

You can use jquery for that:

1. If your grid is scrollable:
   $('#Grid .t-grid-content').height('400px');
2. If the grid is not scrollable:
   $('#Grid  > table').height('400px');

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Pat]

I have non scrollable grids and this is not working for me.

At best, setting height server side, I can get the outer most border edge to be the right height (but I can't get that border edge to change from javascript).

But then, if there are not enough rows to fill that space, the grid footer pager bar is not at the bottom, it's just at the bottom of wherever the last row happens to be.

[Jim]

I have a similar question, but rather than specifying grid height in pixels, I'd like to specify the number of rows to display per page.

Thanks,
Jim

[Dimo]

Hi Jim,

If I understand you correctly, you want to control the page size. This can be accomplished with the PageSize property, as shown in the documentation:

http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-grid-paging.html

Alternatively, you can provide the users with the ability to change the page size with a dropdown inside the pager (disabled by default):

http://demos.telerik.com/aspnet-mvc/Grid/Paging?theme=vista

Greetings,
Dimo
the Telerik team