DataGridをExcelにエクスポートするにはどうすればいいですか？

私は、PHPを使用してExcelにデータグリッドをエクスポートしようとしています。私はこのようにしたい：Click here。DataGridをExcelにエクスポートするにはどうすればいいですか？

しかし、私が作成すると動作しません。これは私のコードです。

<html> 
<head> 
<script src="../m3/jquery-3.1.1.min.js"> 
    $("#btnExport").click(function (e) { 
    window.open('data:application/vnd.ms-excel,' + $('#dvData').html()); 
    e.preventDefault(); 
}); 
</script> 
</head> 
<body> 
<input type="button" id="btnExport" value=" Export Table data into Excel " /> 
<br/> 
<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> 
    </table> 
</div> 
</body> 
</html>

出典

2016-10-10 Teddy

を実行するためにjqueryのを開いて見てくださいます。http：//stackoverflow.com/questions/22317951/export-html-table-をdata-to-excel-javascript-jquery-is-not-working-properlを使用しています。 –

@SyedFasihありがとう。私はそれを見てください – Teddy

<html> 
<head> 
<!-- <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> 
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> --> 
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> 
<script type="text/javascript"> 
$(function(){ 

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

</script> 
</head> 
<body> 
<input type="button" id="btnExport" value=" Export Table data into Excel " /> 
<br/> 
<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> 
    </table> 
</div> 
</body> 
</html>

出典

2016-10-10 10:04:44

//クリックイベントに

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

出典

2016-10-10 09:54:04

まだ動作していません.. – Teddy

上記の私のコード例を実行しようとしましたか？ –

ありがとう..それは今では動作しますが、内部のExcelファイルはまだHTMLタグを生成しました。

、..これを取り除く方法を知っていますか？ – Teddy

DataGridをExcelにエクスポートするにはどうすればいいですか？

答えて

関連する問題