首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >DataTables TableTools导出按钮无法工作

DataTables TableTools导出按钮无法工作
EN

Stack Overflow用户
提问于 2014-07-29 18:23:44
回答 2查看 4.6K关注 0票数 0

使用下面的代码,我可以让TableTools按钮显示在页面上,样式正确,甚至更改mouseover事件上的鼠标图标,但是导出函数不起作用。当我点击按钮时,什么都不会发生。甚至不要收到错误信息。

在用户按下“搜索”按钮之前,页面上不存在TableTools插件正在运行的TableTools。一旦完成,Ajax调用将提取相关数据并创建DataTable。同样,程序的这一部分工作正常,但是当我点击“导出”按钮(CSV,Excel,PDF)时.什么都没发生。

jQuery

代码语言:javascript
复制
    $.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]
                            },
                    ]
                }
            });
        }
    })

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

代码语言:javascript
复制
    <table id="ReportTable" class="pretty">

    </table>

文件夹结构

EN

回答 2

Stack Overflow用户

发布于 2015-06-02 08:54:55

将swf路径更改为:

代码语言:javascript
复制
"sSwfPath": "//cdn.datatables.net/tabletools/2.2.2/swf/copy_csv_xls_pdf.swf"
票数 0
EN

Stack Overflow用户

发布于 2015-07-24 07:26:27

代码语言:javascript
复制
 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');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25022380

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档