jquery - 从客户端( 浏览器) 向 html table 添加行并将 html table 导出到 excel

  显示原文与译文双语对照的内容

<table summary="merhaba" class="datagrid" id="tablo1" runat="server">
 <thead><tr>
 <th id="Th1" style="border:solid 1px #000000" runat="server">ad</th>
 <th id="Th2" runat="server">Soyad</th>
 <th id="Th3" runat="server">TC</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>ebrar</td>
 <td>bayburt</td>
 <td>999</td>
 </tr>
 </tbody>
 </table>

我可以添加行:


$('#button').click(function () {//tabloya veri ekleme
 $('#tablo1> tbody:last')
. append('<tr><td class="A">' +
 $('#ad_').val()
 + '</td><td class="K">' +
 $('#soyad_').val()
 + '</td><td class="A">' +
 $('#tc_').val()
 + '</td></tr>');

});

我可以使用以下代码将 table 导出为 excel:


protected void Button1_Click2(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();
 }

但是打开excel文件时,看不到添加到客户端的添加行,只能看到我在代码中添加的行:


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

我on这个问题。

:将 html-table 导出到卓越的第一个问题。

但是我必须添加一些行,在添加之后,我必须将 html table 导出到,有所有的行。

时间:

这是因为 C# 代码是后端,并且不知道你已经操作了 DOM 。 你需要用jQuery而不是 C# 创建你的excel文件。

这可能会帮你。http://forum.jquery.com/topic/jquery-create-excel-file-from-table-data

...