Empty space at the bottom of the grid

[Chamara]

Why does the grid is having an empty space at the bottom.
see preview http://www.freeimagehosting.net/newuploads/4o259.jpg

My grid settings.

 <%= Html.Telerik().Grid(Model)
        .Name("Grid")
        .Columns(columns =>
        {
            columns.Bound(o => o.ID).Visible(false);
            columns.Template(o => Html.ActionLink("Edit", "Edit", new { o.ID })).ClientTemplate("<a href=\"" + Url.Action("Edit", "Gate") + "/<#= ID#>\">Edit</a>").Width(45);
            columns.Bound(o => o.Urgency);
            columns.Bound(o => o.FullName);
            columns.Bound(o => o.Email);
            columns.Bound(o => o.GateSupportedBy);
            columns.Bound(o => o.PhoneNumber);
            columns.Bound(o => o.StNstNo);
       
        })
     
        .DataBinding(dataBinding => 
        {

            dataBinding.Ajax().Select("AjaxGrid",
                "Gate").Enabled(true);
        })
                .Scrollable(scrolling => scrolling.Enabled(true))
                .Sortable(sorting => sorting.Enabled(true))
                .Pageable(paging => paging.Enabled(true).PageSize(10))
                .Filterable(filtering => filtering.Enabled(true))
                .Groupable(grouping => grouping.Enabled(true))
                .Footer(true)
%>

[Ricardo]

Hi Chamara,

Once you set the grid as Scrollable(Scrollable(scrolling => scrolling.Enabled(true)), it will assume a certain height and if you want to change the height, you have to set the property Height of the grid.

Hope it helps...