0

動的テーブルを作成し、データ セットの値をこの動的テーブルにバインドしています。この動的テーブルを 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です

4

1 に答える 1

0

テーブルを 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/

このコードから要件を取得できることを願っています。

于 2012-11-16T11:33:17.183 に答える