2016-03-15 4 views
2

, что следующий код работает нормально. но когда я использую <table width=100% id="tb">, он не будет работать нормально. почему это? он будет экспортироваться в Excel, но не в надлежащем формате. есть ли способ получить это правильно?Экспорт HTML в Excel с использованием JQuery

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 ver: 5.3 – TharinduC

+0

@Ashish Я имею в виду, когда я использую

его рабочий тон. bt, если я использую
, он будет экспортировать в excel/но не соответствующий формат – TharinduC

ответ

2

Попробуйте это:

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

Надеется, что это помогает.

+0

Проверьте обновленный скрипт. http://jsfiddle.net/jWAJ7/2401/ – Ashish

+0

Большое спасибо. его рабочий штраф. но он не будет показывать клетки excel. почему это? :) – TharinduC

2

Источник: Export HTML table to excel - using jQuery or Java

Я бы порекомендовал Apache POI, мы использовали его в течение многих лет, никогда не было никаких проблем.

Alot примеров онлайн, чтобы получить хороший старт, и документации на сайте также хорошо: http://poi.apache.org/spreadsheet/quick-guide.html

Смежные вопросы