将动态表导出到 Excel

Question

我创建了一个动态表，并将数据集值绑定到这个动态表。我希望将此动态表导出到 Excel 。这是代码

 string table = string.Empty;
 table += "<table cellpadding='0' cellspacing='0' width='100%' 
style='border-left:solid 1px #bdbdbd;background-color:#ffffff;height:30px;'>";
table += "<tr><td colspan='2' class='cont' style='width: 50%; font-weight: bold; 
padding-left: 10px; border-right:solid 1px #bdbdbd; border-bottom:solid 1px 
#bdbdbd;background-color:#ffffff;height:30px; '>Mentor Name :&nbsp;" + 
dss.Tables[0].Rows[j]["FirstName"].ToString() + "</td></tr></table>";
dv1.InnerHtml = table;

这里dv1 是我将表连接到 div 的 div 的 id

Answer 1

请将您的表格放在 div 中，您可以使用下面的 jquery 代码。

// html代码

<br/>
<div id="dvData">
<table>
    <tr>
        <th>Column One </th>
        <th>Column Two</th>
        <th>Column Three</th>
    </tr>
    <tr>
        <td>row1 Col1</td>
        <td>row1 Col2</td>
        <td>row1 Col3</td>
   </tr>
   <tr>
        <td>row2 Col1</td>
        <td>row2 Col2</td>
        <td>row2 Col3</td>
   </tr>
      <tr>
        <td>row3 Col1</td>
        <td>row3 Col2</td>
        <td>row3 Col3</td>  
   </tr>
</table>
</div>
<br/>
<input type="button" id="btnExport" value=" Export Table data into Excel " />

// jQuery 代码

$("#btnExport").click(function(e) {
    window.open('data:application/vnd.ms-excel,' + $('#dvData').html());
    e.preventDefault();
});

您也可以使用以下链接查看此代码的演示。

http://jsfiddle.net/jquerybyexample/xhYcD/

希望你能从这段代码中得到你的要求。