Edit this page

Styling Column Footers

Before reading this topic, you might find it useful to get familiar with the Template Structure of the GridViewFooterCell.

Targeting the GridViewFooterCell Element

In order to style all RadGridView cells of an application, you should create an appropriate style targeting the GridViewFooterCell element.

You have two options:

  • To create an empty style and set it up on your own.

  • To copy the default style of the control and modify it.

To learn how to modify the default GridViewFooterCell style, please refer to the Modifying Default Styles article.

Example 1: Styling all footer cells of an application

<Style TargetType="telerik:GridViewFooterCell">
    <Setter Property="BorderBrush" Value="Red"/>
    <Setter Property="Background" Value="Blue"/>
</Style>

If you're using Implicit Styles, you should base your style on the GridViewFooterCellStyle.

Setting a Column's FooterCellStyle

RadGridView's footer cells can also be styled by creating an appropriate Style for the GridViewFooterCell element and setting it as the FooterCellStyle property of the respective GridViewColumn.

Example 2: Setting a column's CellStyle

<telerik:GridViewDataColumn Header="ID"
                DataMemberBinding="{Binding EmployeeID}"
                Footer="ID"
                FooterCellStyle="{StaticResource GridViewFooterCellStyle}" />

Figure 2: RadGridView with styled footer cells

RadGridView with styled footer cells

See Also