Edit this page


The GroupFooterRowStyleSelector property of RadGridView can be used to style group footer rows differently based on a specific condition.

Bear in mind that the GroupFooterRowStyle takes precedence over the GroupFooterRowStyleSelector and will overwrite it if both are defined simultaneously.

To do so, first create a new class that inherits the StyleSelector class and override its SelectStyle method:

Example 1: The GroupFooterRowStyleSelector class

public class GroupFooterRowStyleSelector : StyleSelector
    public override Style SelectStyle(object item, DependencyObject container)
        var group = item as CollectionViewGroup;

        if (group != null)
            if (group.ItemCount > 1)
                return BigGroupStyle;
                return SmallGroupStyle;

        return null;

    public Style BigGroupStyle { get; set; }
    public Style SmallGroupStyle { get; set; }
Public Class GroupFooterRowStyleSelector
Inherits StyleSelector
    Public Overrides Function SelectStyle(item As Object, container As DependencyObject) As Style
        Dim group = TryCast(item, CollectionViewGroup)

        If group IsNot Nothing Then
            If group.ItemCount > 1 Then
                Return BigGroupStyle
                Return SmallGroupStyle
            End If
        End If

        Return Nothing
    End Function

    Public Property BigGroupStyle() As Style
            Return m_BigGroupStyle
        End Get
            m_BigGroupStyle = Value
        End Set
    End Property
    Private m_BigGroupStyle As Style

    Public Property SmallGroupStyle() As Style
            Return m_SmallGroupStyle
        End Get
            m_SmallGroupStyle = Value
        End Set
    End Property
    Private m_SmallGroupStyle As Style
End Class

In the XAML file, define the style selector as a resource and set the properties of the BigGroupStyle and SmallGroupStyle:

Example 2: Setting the BigGroupStyle and SmallGroupStyle

    <my:GroupFooterRowStyleSelector x:Key="StadiumCapacityStyleSelector">
            <Style TargetType="telerik:GridViewGroupFooterRow">
                <Setter Property="Background" Value="Red"/>
            <Style TargetType="telerik:GridViewGroupFooterRow">
                <Setter Property="Background" Value="Yellow" />

The "my:" prefix before GroupFooterRowStyleSelector specifies the mapping for the namespace of the project: xmlns:my="..."

Finally, set the GroupFooterRowStyleSelector property:

Example 3: Setting the GroupFooterRowStyleSelector property

<telerik:RadGridView GroupFooterRowStyleSelector="{StaticResource GroupFooterRowStyleSelector}" />

And here is the final result:

Figure 1: The group footer rows styled using the GroupFooterRowStyleSelector property

The group footer rows styled using the GroupFooterRowStyleSelector property

See Also

Was this article helpful? Yes No

Give article feedback

Tell us how we can improve this article