title: Grid view add New Blank row for entry
body: <p>I have a grid view with Textitem Template fields to insert Data into DB.By default One row is loaded for Entry i want to add new row manullay from button click from user in grid view.
  My code to make gridview is bellow</p>
  
  <pre><code>&lt;asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" ShowFooter="True"&gt;
              &lt;Columns&gt;
                  &lt;asp:TemplateField HeaderText="Card_no"&gt;
                      &lt;ItemTemplate&gt;
                          &lt;asp:TextBox ID="txtCardNo" runat="server"&gt;&lt;/asp:TextBox&gt;
                      &lt;/ItemTemplate&gt;
                  &lt;/asp:TemplateField&gt;
                  &lt;asp:TemplateField HeaderText="Gross Wt"&gt;
                      &lt;ItemTemplate&gt;
                          &lt;asp:TextBox ID="txtGrossWt" runat="server"&gt;&lt;/asp:TextBox&gt;
                      &lt;/ItemTemplate&gt;
  
                  &lt;/asp:TemplateField&gt;
              &lt;/Columns&gt;
          &lt;/asp:GridView&gt;
  </code></pre>
  
  <p>I used the following javascript function to do it but it only add row without text template</p>
  
  <pre><code> var grd = document.getElementById('GridView1');
              var tbod=grd.rows[0].parentNode;
              var newRow=grd.rows[grd.rows.length - 1].cloneNode(true);
              tbod.appendChild(newRow);
              return false;
  </code></pre>