[Solved] Grid grouping issue - remove group not working

[George]

Hi,
I'm using the Grid in a project. I am grouping by a column and it works fine but when I try to remove the grouping using the "x" next to the indicator on the grouping header nothing happens (it works on the demo page). It only works if I drag the column away from the grouping header. I can see no javascript errors and no browser is "complaining" about anything, it just won't work.

The code for my View is:

<% Html.Telerik().Grid<VAT>(Model).Name("Grid").DataKeys(datakeys => datakeys.Add(a => a.ID))
           .DataBinding(dataBinding => { dataBinding.Ajax().Select("_Index", "VATs"); })
                .Sortable(sorting => sorting.OrderBy(a => a.Add(at => at.Name))).Pageable(paging => paging.Enabled(true).Position(Telerik.Web.Mvc.UI.GridPagerPosition.Bottom).PageSize(int.Parse(ViewData["PageSize"].ToString())))
    .Columns(columns =>
           {
               columns.Bound(a => a.ID)
                   .Template(a =>
                   {%>
    <input type='checkbox' name='checkedRecords' value='<%= a.ID %>' />
    <%})
                   .ClientTemplate("<input type='checkbox' name='checkedRecords' value='<#= ID #>' />")
                   .Title("Check")
                   .Width(30)
                   .HtmlAttributes(new { style = "text-align:center" });

               columns.Bound(a => a.Name);
               columns.Bound(a => a.Active);
               columns.Bound(a => a.UpdatedAt);
               columns.Bound(a => a.CreatedAt);
           }).Groupable().Render(); %>

Any help would be appreciated.
George M.