title: How can i add Footer to Gridview
body: <p>How can i add a separate row to grid view to show the totals.
  My design looks like this
  <img src="https://i.stack.imgur.com/USt0H.jpg" alt="image description here"></p>
  
  <pre><code>&lt;asp:GridView ID="detailsGrid" runat="server" AllowPaging="True" AllowSorting="True"
                  AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" GridLines="None"
                  BorderColor="#2B80FF" BorderStyle="Solid" BorderWidth="1px" Width="100%" OnPageIndexChanging="detailsGrid_PageIndexChanging"&gt;
                  &lt;Columns&gt;
  
                      &lt;asp:BoundField HeaderText="Invoices Amount ($)" DataField="InvoiceAmount" /&gt;
                      &lt;asp:BoundField DataField="ReceivedAmount" HeaderText="Received Amount($)" /&gt;
                      &lt;asp:BoundField HeaderText="Balance Amount($)" DataField="BalanceAmount" /&gt;
                      &lt;asp:BoundField HeaderText="Consumers Name" DataField="ConsumerEmailID" /&gt;
                  &lt;/Columns&gt;                    
                  &lt;EditRowStyle BackColor="#2461BF" /&gt;
                  &lt;FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /&gt;
                  &lt;HeaderStyle BackColor="#b3b3b3" Font-Bold="True" ForeColor="White" HorizontalAlign="Left" /&gt;
                  &lt;PagerStyle BackColor="#B8C9EA" ForeColor="White" HorizontalAlign="Center" /&gt;
                  &lt;RowStyle BackColor="#EFF3FB" /&gt;
                  &lt;SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" /&gt;
  
              &lt;/asp:GridView&gt;
  </code></pre>