Scroll bar without Paging

[GrayMeth]

I want to specify max height of the grid content.
I have tried to keep .Scrollbar() and in this by default it is taking 200px as the height. In this case i am getting the scrollbar if the content size is more then 200px but if it is less then 200px then i am getting an empty space till 200px height.

I have tried to keep .Scrollbar(s =>s.height("auto")). In this case i am not getting the scrollbar.

I have even tried to override k-grid-content class by specifying the max-height something like this
#gvCommList .k-grid-content {
        max-height:300px !important;
    }
in this case in IE8 the browser is getting crashed.

I want the height to be adjusted automatically based on the content size and should work in all the browsers.

How to do that?

[Dimo]

Hello Akhil,

Your approach is correct (!important is not needed), however, there is no way to avoid the IE8 bug, apart from removing the problematic style, which causes the browser to crash.

http://stackoverflow.com/questions/7707/ie8-overflowauto-with-max-height

<style>

#grid .k-grid-content
{
    max-height: 300px;
}

.k-ie8 #grid .k-grid-content
{
    max-height: none;
}

</style>

@(Html.Kendo().Grid()
    .Name("grid")
    .Scrollable(s => s.Height("auto"))
)

Regards,
Dimo
Telerik