jquery - jqueryを使用してhtmlテーブルに行を追加し、asp.netを使用してhtmlテーブルをExcelファイルにエクスポートします

Question

私はhtmlテーブルを持っています。このhtmlテーブルにはページの読み込み時に1行あります.htmlテーブルコードは次のとおりです。

<table class="datagrid" id="tablo1" runat="server" >
    <thead><tr>
        <th>name</th>
        <th>surname</th>
        <th >number</th>
           </tr>
    </thead>
    <tbody>
        <tr>
            <td>ebrar</td>
            <td>bayburt</td>
            <td>999</td>
        </tr>
    </tbody>
</table>

jqueryを使用して実行時に行を動的に追加できます。そのコードを使用して行をhtmlテーブルに追加します。

<script type="text/javascript">
        $(document).ready(function () {
          $('#ekle').click(function () {//tabloya veri ekleme
               $('#tablo1 > tbody:last')
               .append('<tr><td class="A">' +
               $('#name_').val()
               + '</td><td class="K">' +
               $('#surname_').val()
               + '</td><td class="A">' +
               $('#number_').val()
               + '</td></tr>');
            });
         });
    </script>

HTMLテーブルにいくつかの行を追加できます（行の値はテキストボックスから取得されます）。ブラウザーで実行時にhtmlテーブルに追加された行を確認できます。HTMLテーブルをexcleファイルにエクスポートした後、そのasp.netコードを使用しています:

protected void Button1_Click(object sender, EventArgs e)
        {
            Response.Clear();
            Response.AddHeader("content-disposition", "attachment;filename=myexcel.xls");
            Response.ContentType = "application/ms-excel";
            System.IO.StringWriter sw = new System.IO.StringWriter();
            System.Web.UI.HtmlTextWriter hw = new HtmlTextWriter(sw);
            tablo1.RenderControl(hw);
            Response.Write(sw.ToString());
            Response.End();
        }

「ekle」ボタンをクリックすると、Excelファイルであるファイルがダウンロードされます。そのファイルを開くと、Excelファイルに1行しか表示されません。その行は、コードに手動で追加した最初の行です。

        <tbody>
            <tr>
                <td>ebrar</td>
                <td>bayburt</td>
                <td>999</td>
            </tr>
        </tbody>

そのため、ブラウザのテーブルに表示されているjqueryで追加された行をExcelファイルで見ることができません.どうすればよいですか