New to Telerik UI for ASP.NET AJAXStart a free 30-day trial

Hide footer of groups with one item

Description

Sometimes one might want to hide the group footer when the associated group has only one item.

"Example figure with removed single group footer"

Solution

In the ItemDataBound event handler, check for how many child items are there in a certain group. If there is only one child item, add the hidden CSS class.

Example

C#
protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
{
    if (e.Item is GridGroupFooterItem)
    {
        GridGroupFooterItem groupFooterItem = (GridGroupFooterItem)e.Item;  // Get a reference to the footer item
        GridGroupHeaderItem groupHeaderItem = groupFooterItem.GroupHeaderItem; // Get a reference to the header item
        GridItem[] groupItems = groupHeaderItem.GetChildItems(); // Get the children elements of each grouped items

        if (groupItems.Count() < 2)
            groupFooterItem.CssClass = "hidden";
    }
}
CSS
<style>
    .RadGrid .rgMasterTable .rgFooter.hidden {
        display: none;
    }
</style>
In this article
DescriptionSolution
Not finding the help you need?
Contact Support