DataTables TableTools导出按钮不起作用

时间:2014-07-29 18:23:44

标签: javascript jquery html datatable tabletools

使用下面的代码,我可以让TableTools按钮显示在页面上,样式正确,甚至更改mouseover事件上的鼠标图标,但导出功能不起作用。当我点击按钮时,没有任何反应。不要收到错误信息。

用户点击&#34;搜索&#34;之前页面上不存在DataTable TableTools插件正在处理的DataTable按钮。完成此操作后,Ajax调用将提取相关数据并创建 $.ajax({ type: 'GET', url: '@Url.Action("PensgcReport", "Home")', data: { inputArray: inputArray }, traditional: true, success: function (data) { //Unpack return object into 2D array var array = []; $.each(data, function (key, value) { var tempArray = []; $.each(value, function(key, value) { tempArray.push(value); }); array.push(tempArray); }); console.log(array); $('#ReportTable').dataTable({ "bDestroy" : true, "aaData": array, "aoColumns": headers, "bFilter": false, "bPaginate": false, "bLengthChange": false, "bFilter": false, "bSort": false, "bInfo": false, "aaSorting": [], "oLanguage": { "sSearch": "Filter results:" }, "sDom": 'T<"clear">lfrtip', "tableTools": { "sSwfPath": "Content/media/copy_csv_xls_pdf.swf", "aButtons": [ { 'sExtends': 'csv', "sFileName": "PENSGC_Report_" + new Date() + ".csv", 'mColumns': [0, 1] }, { 'sExtends': 'xls', "sFileName": "PENSGC_Report_" + new Date() + ".xls", 'mColumns': [0, 1] }, { 'sExtends': 'pdf', "sFileName": "PENSGC_Report_" + new Date() + ".pdf", 'mColumns': [0, 1] }, ] } }); } }) 。再一次,这部分程序运行正常,但是当我点击&#34;导出&#34;按钮(CSV,Excel,PDF)......没有任何反应。

的jQuery

    <table id="ReportTable" class="pretty">

    </table>

HTML

这是页面加载时呈现的HTML(没什么特别的)

{{1}}

文件夹结构

enter image description here

2 个答案:

答案 0 :(得分:0)

将swf路径更改为:

"sSwfPath": "//cdn.datatables.net/tabletools/2.2.2/swf/copy_csv_xls_pdf.swf"

答案 1 :(得分:0)

 var table = $('#mytable').dataTable({ YOUR OPTIONS});
       var tableTools = new $.fn.dataTable.TableTools(table, {
               "buttons": ["copy",
                                  "csv",
                                  "xls",
                                  "pdf",{ "type": "print", "buttonText": "Print me!" } ],
                                  "sSwfPath": "//cdn.datatables.net/tabletools/2.2.2/swf/copy_csv_xls_pdf.swf" });
           $(tableTools.fnContainer()).prependTo('#mytable_wrapper');