2017-03-09 95 views
0

即使我使用上面的代碼,我的導出到Excel按鈕仍然不顯示。我不知道這些代碼發生了什麼。有更多經驗的人請幫助我。我從https://datatables.net/extensions/buttons/examples/initialisation/export.html導出到Excel按鈕不顯示

 <table id="example" class="display nowrap" cellspacing="0" width="100%"> 
     <thead> 
      <tr> 
       <th>Name</th> 
       <th>Position</th> 
       <th>Office</th> 
       <th>Age</th> 
       <th>Start date</th> 
       <th>Salary</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>Tiger Nixon</td> 
       <td>System Architect</td> 
       <td>Edinburgh</td> 
       <td>61</td> 
       <td>2011/04/25</td> 
       <td>$320,800</td> 
      </tr> 
      <tr> 
       <td>Garrett Winters</td> 
       <td>Accountant</td> 
       <td>Tokyo</td> 
       <td>63</td> 
       <td>2011/07/25</td> 
       <td>$170,750</td> 
      </tr> 
      <tr> 
       <td>Ashton Cox</td> 
       <td>Junior Technical Author</td> 
       <td>San Francisco</td> 
       <td>66</td> 
       <td>2009/01/12</td> 
       <td>$86,000</td> 
      </tr> 
     </tbody> 
    </table> 

<script> 
    $(document).ready(function() { 
     $('#example').DataTable({ 
      dom: 'Bfrtip', 
      buttons: [ 
       'excel' 
      ] 
     }); 
    }); 
</script> 

這裏有我引用的控制檯輸出:

enter image description here

+0

1)我們是否真的需要在你的例子中看到你所有的行?保持在最低限度! 2)打開你的瀏覽器的開發者控制檯,運行你的代碼,並讓我們,如果你有任何控制檯錯誤。 3)將這些添加到您的問題。 –

+1

@LeeTaylor對不起,先生,這是我第一次..我更新了我的問題 btw感謝您的提示 – coposaja

回答

0

爲了您使用導出插件,您還需要包括以下腳本:

//code.jquery.com/jquery-1.12.4.js https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js https://cdn.datatables.net/buttons/1.2.4/js/dataTables.buttons.min.js //cdn.datatables.net/buttons/1.2.4/js/buttons.flash.min.js //cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js //cdn.rawgit.com/bpampuch/pdfmake/0.1.24/build/pdfmake.min.js //cdn.rawgit.com/bpampuch/pdfmake/0.1.24/build/vfs_fonts.js //cdn.datatables.net/buttons/1.2.4/js/buttons.html5.min.js //cdn.datatables.net/buttons/1.2.4/js/buttons.print.min.js

這你所提供的鏈接中詳細說明。查看該頁面的來源,瞭解它們是如何包含它們的。

+0

其實我已經做到了..我已經包括這些腳本..我把這些之間的結束我的表和那個腳本標記..它是錯誤的地方? – coposaja

+0

我認爲你需要檢查腳本,表格和其他標籤的順序。將此與鏈接版本進行比較。另外,您可能需要在網絡服務器上運行,是嗎? –

+1

謝謝你的所有幫助,然後先生..我會嘗試重新檢查他們,然後.. – coposaja