How to set the RadGrid to Auto-resize the height to fit the page size?

[LamKhoa]

Some row take up to 3 or 4 lines (wrap), some row only take up to one line. I would like to know if RadGrid has feature to automatically resize the height to fit each page size?

Thanks

[Pavlina]

Hi Lamkhoa,

If you want the RadGrid control to expand vertically, depending on the number of its rows, you can  use the following CSS rule:

.MyGridClass .rgDataDiv
{
height : auto !important ;
}

"MyGridClass" is some custom CSS class to the RadGrid control, that you should set to prevent the CSS rule be applied to all RadGrid instances on the page / website.

Greetings,
Pavlina
the Telerik team

[LamKhoa]

I got it. Thanks.

[Daniel Aquere]

Hi Pavlina,

Very good your suggestion.

Please, how can I use UseStaticHeaders="true" together with your suggestion? I tried, but, doesn´t works.

Thanks, best

Daniel

[Pavlina]

Hello Daniel Aquere,

Please examine the help article below and let me know if it works for you:
http://www.telerik.com/help/aspnet-ajax/grid-change-scroll-height-at-runtime.html

Regards,
Pavlina
the Telerik team

[Nadav]

Pardon me, 
There is no problem

[KidSysco]

I would like to know why this happens. I need to apply this fix only on some radgrids in order to get them to work in Chrome. Can we get some more info on this?

[Pavlina]

Hi Ryan,

When scrolling with static headers are enabled grid ScrollHeight property(the height of the control's scrollable area) is set to 300px by default. This fixed height does not allow the grid to auto resize, when the data can not fill the scroll height. However, you can use the client-side GridCreated event to check whether the table height is less than the value of the ClientSettings.Scrolling.ScrollHeight property, and if so, explicitly modify the scroll area height to match the height of the data items as shown in the following article:
http://www.telerik.com/help/aspnet-ajax/grid-resize-grid-with-scrolling-when-less-data.html

I hope this information helps to understand why this happens.

Regards,
Pavlina
Telerik

 

 

[Kundan]

  <ClientSettings>
                                                
                                                    <Scrolling AllowScroll="true" FrozenColumnsCount="2" />
                                                    <Resizing AllowColumnResize="true" ResizeGridOnColumnResize="true" AllowResizeToFit="true" />
                                                </ClientSettings>

[Timothy]

Setting CSS worked for me.  Thanks!