2013-07-09 87 views
1

我想啓用數據表右上角的Excel圖標,然後單擊圖標獲取操作類以導出數據。我試過了數據表,但沒有任何情況發生。請幫助我啓用Excel按鈕並獲取操作。Jquery datatable - 如何啓用表格右上角的Excel導出?

enter image description here

var oTable = $("#products1").dataTable({ 
     "aaData": newarray, 
     "bProcessing": true, 
     "bDeferRender": true, 
     "bFilter": false, 
     "bRetrieve": true, 
     "bJQueryUI": true, 
     "bPaginate": true, 
     "sPaginationType": "two_button", 
     "sDom": '<"H"Tfr>t<"F"ip>', 
     "bSort": true, 
     "aaSorting": [[2, 'asc']], 
     "oTableTools": { 
      "sSwfPath": "../images/excel_export.gif", 
      "aButtons": ["Excel"] 
     }, 

JSFIDDLE

+0

不,它不重複,它根本就沒有我在尋找。我在顯示數據表右上角的圖標時遇到問題。 – user2444474

+0

@半瘋狂,請你從我的問題中刪除重複的消息。 – user2444474

回答

0

首先,你的jsfiddle缺少的TableTools擴展數據表,它坐落在這裏的引用:http://datatables.net/release-datatables/extras/TableTools/media/js/TableTools.min.js

如果你添加引用來解決那第一個問題,代碼抱怨這一行:

"aButtons": [ "Excel" ] 

由於表工具插件無法識別它。您應該將其更改爲:

"aButtons": [ "xls" ] 

如果您只想允許導出到Excel。

這裏的your jsfiddle已更新,但請注意,它不會完全工作,因爲TableTools插件使用Flash小程序執行實際導出。一旦你把所有東西放在你的本地盒子裏,應該可以工作