ASP.NET - adding first row in the gridview - Asked By Anjali agarwal on 09-Apr-14 11:34 PM

Hi All,

   I created a grid that allows user to edit/update/delete/add a new ow in the gridview.Everything is working fine except
 that when there is no data in the database,the grid doen't display at all. I want the footer rows to be displayed so that user
can enter the data and create the rows. I followed this example to create the gridview
http://aspsnippets.com/Articles/Simple-Insert-Select-Edit-Update-and-Delete-in-ASPNet-GridView-control.aspx
Below is the code


<asp:GridView ID="GridView1" runat="server"  Width = "550px"
 
AutoGenerateColumns = "false" Font-Names = "Arial"
 
Font-Size = "11pt" AlternatingRowStyle-BackColor = "#C2D69B" 
 
HeaderStyle-BackColor = "green" AllowPaging ="true"  ShowFooter = "true" 
 
OnPageIndexChanging = "OnPaging" onrowediting="EditCustomer"
 
onrowupdating="UpdateCustomer"  onrowcancelingedit="CancelEdit"
 
PageSize = "10" >
 
<Columns>
 
<asp:TemplateField ItemStyle-Width = "30px"  HeaderText = "CustomerID">
 
  <ItemTemplate>
 
    <asp:Label ID="lblCustomerID" runat="server"
 
    Text='<%# Eval("CustomerID")%>'></asp:Label>
 
  </ItemTemplate>
 
  <FooterTemplate>
 
    <asp:TextBox ID="txtCustomerID" Width = "40px"
 
      MaxLength = "5" runat="server"></asp:TextBox>
 
  </FooterTemplate>
 
</asp:TemplateField>
 
<asp:TemplateField ItemStyle-Width = "100px"  HeaderText = "Name">
 
  <ItemTemplate>
 
    <asp:Label ID="lblContactName" runat="server"
 
        Text='<%# Eval("ContactName")%>'></asp:Label>
 
  </ItemTemplate>
 
  <EditItemTemplate>
 
    <asp:TextBox ID="txtContactName" runat="server"
 
      Text='<%# Eval("ContactName")%>'></asp:TextBox>
 
  </EditItemTemplate
 
  <FooterTemplate>
 
    <asp:TextBox ID="txtContactName" runat="server"></asp:TextBox>
 
  </FooterTemplate>
 
</asp:TemplateField>
 
<asp:TemplateField ItemStyle-Width = "150px"  HeaderText = "Company">
 
  <ItemTemplate>
 
    <asp:Label ID="lblCompany" runat="server"
 
      Text='<%# Eval("CompanyName")%>'></asp:Label>
 
  </ItemTemplate>
 
  <EditItemTemplate>
 
    <asp:TextBox ID="txtCompany" runat="server"
 
      Text='<%# Eval("CompanyName")%>'></asp:TextBox>
 
  </EditItemTemplate
 
  <FooterTemplate>
 
    <asp:TextBox ID="txtCompany" runat="server"></asp:TextBox>
 
  </FooterTemplate>
 
</asp:TemplateField>
 
<asp:TemplateField>
 
  <ItemTemplate>
 
    <asp:LinkButton ID="lnkRemove" runat="server"
 
      CommandArgument = '<%# Eval("CustomerID")%>'
 
     OnClientClick = "return confirm('Do you want to delete?')"
 
    Text = "Delete" OnClick = "DeleteCustomer"></asp:LinkButton>
 
  </ItemTemplate>
 
  <FooterTemplate>
 
    <asp:Button ID="btnAdd" runat="server" Text="Add"
 
      OnClick = "AddNewCustomer" />
 
  </FooterTemplate>
 
</asp:TemplateField>
 
<asp:CommandField  ShowEditButton="True" />
 
</Columns>
 
<AlternatingRowStyle BackColor="#C2D69B"  />
 
</asp:GridView>
 
</ContentTemplate>
 
<Triggers>
 
<asp:AsyncPostBackTrigger ControlID = "GridView1" />
 
</Triggers>
 
</asp:UpdatePanel>
 
</div>

Is there any way that I can show the footer or an text boxes for the gridview rows that user can start entering the data.

any help will be greatly aprreciated.