如何将datagrid导出为ex​​cel?

我一直在试图导出datagrid使用PHP的Excel。 我想这样做: 点击这里 。

但是,当我创build,它不工作。 这是我的代码。

<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> 

 <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> 

//打开一个jquery来运行click事件

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