2016-03-15 85 views
2

下面的代碼工作正常。但是當我使用<table width=100% id="tb">這樣的話,它不會正常工作。這是爲什麼?它會導出爲ex​​cel,但格式不正確。有什麼方法可以正確地得到它嗎?使用JQuery將HTML導出到Excel

HTML:

<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> 
     <tr> 
      <td>row3 Col1</td> 
      <td>row3 Col2</td> 
      <td><a href="http://www.jquery2dotnet.com/">http://www.jquery2dotnet.com/</a> 
      </td> 
     </tr> 
    </table> 
</div> 

JS:

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

我檢查你的代碼,它是在我結束工作。請檢查您的PHP版本。你在測試這個瀏覽器? – Ashish

+0

@Ashish Chrome和PHP版本:5.3 – TharinduC

+0

@Ashish我的意思是當我使用

其工作正常。 bt如果我使用
它會導出爲ex​​cel /但不是正確的格式 – TharinduC

回答

2

試試這個:

window.open('data:application/vnd.ms-excel,' + encodeURIComponent($('#dvData').html())); 

希望它能幫助。

+0

檢查更新的小提琴。 http://jsfiddle.net/jWAJ7/2401/ – Ashish

+0

非常感謝。它的工作正常。但它不會顯示excel單元格。這是爲什麼? :) – TharinduC