Adding Header to the repeater in asp.net

Question

How to add header to the Repeater control? I want to add the header for each columns mentioned

Below is my repeater control

<asp:Repeater ID="rptSingleSapDataInfo" runat="server">                                     
    <ItemTemplate>
        <div class="widget-box widget-blue">
            <div class="widget-main widget-repeater-horizontal">                                
                <div class="pull-left">
                    <asp:Label ID="lblSapId" runat="server"  Text='<%# DataBinder.Eval(Container.DataItem, "SAP_ID") %>' CssClass="labelbold"></asp:Label>
                </div>

                <div class="pull-right">
                    <asp:Label ID="lblState" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "STATE") %>' CssClass="labelbold"></asp:Label>
                </div>

                <div class="pull-right">
                    <asp:Label ID="lblNLat" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "NEW_LATITUDE") %>' CssClass="labelbold"></asp:Label>
                </div>

                <div class="pull-right">
                    <asp:Label ID="lblNLong" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "NEW_LONGITUDE") %>' CssClass="labelbold"></asp:Label>
                </div>

                <div class="pull-right">
                    <asp:Label ID="lblOLat" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "OLD_LATITUDE") %>' CssClass="labelbold"></asp:Label>
                </div>

                <div class="pull-right">
                    <asp:Label ID="lblOLong" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "OLD_LONGITUDE") %>' CssClass="labelbold"></asp:Label>
                </div>

                <div class="pull-right1" style="padding: 5px 5px 5px 20px;">
                    <asp:Label ID="lblRemarks" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "REMARKS") %>' CssClass="labelbold"></asp:Label>
                </div>

                <div class="pull-right">
                    <asp:Label ID="lblCreatedBy" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "CREATED_BY") %>' CssClass="labelbold"></asp:Label>
                </div>

                <div class="pull-right">
                    <asp:Label ID="lblCreatedDate" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "CREATED_DATE", "{0:dd-MM-yyyy}") %>' CssClass="labelbold"></asp:Label>
                </div>

            </div>
        </div>
    </ItemTemplate>                   
</asp:Repeater>

Answer 1

You are already using the ItemTemplate so use the HeaderTemplate to add a header:

<asp:Repeater ID="rptSingleSapDataInfo" runat="server">
    <HeaderTemplate>
        My header
    </HeaderTemplate>
    <ItemTemplate>
        <div class="widget-box widget-blue">
            ...
        </div>
    </ItemTemplate>
</asp:Repeater>