DetailsView.FooterTemplate Property


Gets or sets the user-defined content for the footer row in a DetailsView control.

Namespace:   System.Web.UI.WebControls
Assembly:  System.Web (in System.Web.dll)

public virtual ITemplate FooterTemplate { get; set; }

Property Value

Type: System.Web.UI.ITemplate

A System.Web.UI.ITemplate that contains the custom content for the footer row. The default value is null, which indicates that this property is not set.

The footer row is displayed at the bottom of the DetailsView control when the FooterText or FooterTemplate property is set. You can define your own custom user interface (UI) for the footer row by using the FooterTemplate property. To specify a custom template for the footer row, first place <FooterTemplate> tags between the opening and closing tags of the DetailsView control. You can then list the contents of the template between the opening and closing <FooterTemplate> tags. To control the style of the footer row, use the FooterStyle property. Alternatively, you can simply display text in the footer row by setting the FooterText property instead of this property.


If both the FooterText and FooterTemplate properties are set, the FooterTemplate property takes precedence.

The following code example demonstrates how to use the FooterTemplate property to create a custom footer row.

<%@ Page language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<script runat="server">

    protected void CustomerDetailView_DataBound(object sender, 
        EventArgs e)
        // Get the footer row.
        DetailsViewRow footerRow = CustomerDetailView.FooterRow;

        // Get the Label control that displays the current page 
        // information from the footer row.
        Label pageNum = 

        if (pageNum != null)

            // Update the Label control with the current page number.
            int page = CustomerDetailView.DataItemIndex + 1;
            pageNum.Text = "Page " + page.ToString();


<html xmlns="" >
  <head runat="server">
    <title>DetailsView FooterTemplate Example</title>
    <form id="Form1" runat="server">

      <h3>DetailsView FooterTemplate Example</h3>

        <asp:detailsview id="CustomerDetailView"

          <headerstyle backcolor="Navy"

          <pagersettings Mode="NextPreviousFirstLast"/>  


            <table width="100%">            
                <td align="left">
                  <asp:Image id="LogoImage"
                    AlternateText="Our logo" 
                <td align="right" valign="bottom">
                  <asp:Label id="PageNumberLabel"



        <!-- This example uses Microsoft SQL Server and connects  -->
        <!-- to the Northwind sample database. Use an ASP.NET     -->
        <!-- expression to retrieve the connection string value   -->
        <!-- from the web.config file.                            -->
        <asp:SqlDataSource ID="DetailsViewSource" runat="server" 
            "<%$ ConnectionStrings:NorthWindConnectionString%>"
          InsertCommand="INSERT INTO [Customers]([CustomerID],
            [CompanyName], [Address], [City], [PostalCode], [Country]) 
            VALUES (@CustomerID, @CompanyName, @Address, @City, 
            @PostalCode, @Country)"

          SelectCommand="Select [CustomerID], [CompanyName], 
            [Address], [City], [PostalCode], [Country] From 

.NET Framework
Available since 2.0
Return to top