Add New Row Of Grid View On Button Click

In my current project I have a requirement that user should be able to add new row on click of button in grid view.

In my current project I have a requirement that the user should be able to add a new row on click of button in grid view.

So for that I have used asp grid view in that application page.

Below are the steps,

1. Open visual studio -> create new empty project -> right click and click add new item select application page -> give name to that application page.
2. In content place holder add below code
   

   <div id="gvAddrow">
       <asp:gridview ID="Gridview1" runat="server" ShowFooter="true" AutoGenerateColumns="false">
           <Columns>
               <asp:BoundField DataField="RowNumber" HeaderText="Row Number" />
               <asp:TemplateField HeaderText="Header 1">
                   <ItemTemplate>
                       <asp:TextBox ID="txt1" runat="server"></asp:TextBox>
                   </ItemTemplate>
               </asp:TemplateField>
               <asp:TemplateField HeaderText="Header 2">
                   <ItemTemplate>
                       <asp:TextBox ID="txt2" runat="server"></asp:TextBox>
                   </ItemTemplate>
               </asp:TemplateField>
               <asp:TemplateField HeaderText="Header 3">
                   <ItemTemplate>
                       <asp:TextBox ID="txt3" runat="server"></asp:TextBox>
                   </ItemTemplate>
                   <FooterStyle HorizontalAlign="Right" />
                   <FooterTemplate>
                       <asp:Button ID="ButtonAdd" runat="server" Text="Add Row" onclick="ButtonAdd_Click" /> </FooterTemplate>
               </asp:TemplateField>
           </Columns>
       </asp:gridview>
   </div>

3. Open .cs file and add below code in button click event
   

   protected void ButtonAdd_Click(object sender, EventArgs e) {
       AddNewRowToGrid();
   }
   private void AddNewRowToGrid() {
       int rowIndex = 0;
       if (ViewState["CurrentTable"] != null) {
           DataTable dtCurrentTable = (DataTable) ViewState["CurrentTable"];
           DataRow drCurrentRow = null;
           if (dtCurrentTable.Rows.Count > 0) {
               for (int i = 1; i <= dtCurrentTable.Rows.Count; i++) {
                   //extract the TextBox values
                   TextBox box1 = (TextBox) Gridview1.Rows[rowIndex].Cells[1].FindControl("txt1");
                   TextBox box2 = (TextBox) Gridview1.Rows[rowIndex].Cells[2].FindControl("txt2");
                   TextBox box3 = (TextBox) Gridview1.Rows[rowIndex].Cells[3].FindControl("txt3");
                   drCurrentRow = dtCurrentTable.NewRow();
                   drCurrentRow["RowNumber"] = i + 1;
                   dtCurrentTable.Rows[i - 1]["Column1"] = box1.Text;
                   dtCurrentTable.Rows[i - 1]["Column2"] = box2.Text;
                   dtCurrentTable.Rows[i - 1]["Column3"] = box3.Text;
                   rowIndex++;
               }
               dtCurrentTable.Rows.Add(drCurrentRow);
               ViewState["CurrentTable"] = dtCurrentTable;
               Gridview1.DataSource = dtCurrentTable;
               Gridview1.DataBind();
           }
       } else {
           Response.Write("ViewState is null");
       }
       //Set Previous Data on Postbacks
       SetPreviousData();
   }
   private void SetPreviousData() {
       int rowIndex = 0;
       if (ViewState["CurrentTable"] != null) {
           DataTable dt = (DataTable) ViewState["CurrentTable"];
           if (dt.Rows.Count > 0) {
               for (int i = 0; i < dt.Rows.Count; i++) {
                   TextBox box1 = (TextBox) Gridview1.Rows[rowIndex].Cells[1].FindControl("txt1");
                   TextBox box2 = (TextBox) Gridview1.Rows[rowIndex].Cells[2].FindControl("txt2");
                   TextBox box3 = (TextBox) Gridview1.Rows[rowIndex].Cells[3].FindControl("txt3");
                   box1.Text = dt.Rows[i]["Column1"].ToString();
                   box2.Text = dt.Rows[i]["Column2"].ToString();
                   box3.Text = dt.Rows[i]["Column3"].ToString();
                   rowIndex++;
               }
           }
       }
   }
   On page load add below code so that it will bind initial rows of grid view
   protected void Page_Load(object sender, EventArgs e) {
       if (!Page.IsPostBack) {
           SetInitialRow();
       }
   }
   private void SetInitialRow() {
       DataTable dt = new DataTable();
       DataRow dr = null;
       dt.Columns.Add(new DataColumn("RowNumber", typeof(string)));
       dt.Columns.Add(new DataColumn("Column1", typeof(string)));
       dt.Columns.Add(new DataColumn("Column2", typeof(string)));
       dt.Columns.Add(new DataColumn("Column3", typeof(string)));
       dr = dt.NewRow();
       dr["RowNumber"] = 1;
       dr["Column1"] = string.Empty;
       dr["Column2"] = string.Empty;
       dr["Column3"] = string.Empty;
       dt.Rows.Add(dr);
       //Store the DataTable in ViewState
       ViewState["CurrentTable"] = dt;
       Gridview1.DataSource = dt;
       Gridview1.DataBind();
   }

4. Build and deploy above code.
5. Open application page and grid view will appear on page
6. On click of Add row button it will add one new row with three textboxes.

Thanks