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的id，我将表连接到div

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 Code

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

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

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

希望您能从此代码中获得您的要求。

将动态表导出到Excel

1 个答案: