datatables tabletools当表格在jquery load中加载到页面的外部HTML中时,pdf excel无法正常工作?

时间:2017-05-23 18:49:58

标签: jquery pdf datatables export tabletools

使用jQuery数据表1.10.5和tableTools 2.2.3当包含数据表的DIV直接在我的页面上时,所有三个按钮都有效。

但是,我有在document.ready中运行的代码,它加载外部HTML页面(小部件组件),并在其中一个div中创建数据表来自AJAX数据。 导出(pdf和xls)按钮时出现问题。打印有效。我检查过SWF路径是否正确。 PDF和excel按钮显示但单击它们并不是什么。

在构建表格之后我尝试了以下但没有运气。

var tableInstances = TableTools.fnGetMasters(), instances = tableInstances.length;
while (instances--)
{
    var dataTable = tableInstances[instances];
    if (dataTable.fnResizeRequired())
    {
        dataTable.fnResizeButtons();
    }
}

我还尝试在DIV中生成正好在页面上的数据表,然后使用detach将div移动到窗口小部件区域,但pdf / xls仍然不起作用。

请帮忙。

我的数据表代码:

$(fltStart + "#" + aStrTableEleID).unbind();
$(fltStart + "#" + aStrTableEleID).dataTable({
    //having caption div for title info
    dom: 'fTrtip',
    tableTools: {
        "sSwfPath": "Resources/jQ_DataTables_1_10_5/extensions/TableTools/swf/copy_csv_xls_pdf.swf",
        "aButtons": [
            {
                "sExtends": "pdf",
                "sFileName": "Title" + ".pdf",
                "sTitle": "Title",
                "sButtonText": "PDF",
                "sToolTip": "Click once and wait...",
                "sPdfOrientation": "landscape",
                "mColumns": "visible",
                "fnComplete": function () {
                    alert("Export completed.\r\n" + "Please open the file from where you saved it.");
                }
            },
            {
                "sExtends": "xls",
                "sFileName": "Title" + ".csv",
                "sButtonText": "Excel",
                "sToolTip": "Click once and wait...",
                "mColumns": "visible",
                "fnComplete": function () {
                    alert("Export completed.\r\n" + "Please open the file from where you saved it.");
                }
            }
        ]
    },
    "bPaginate": true,
    "sPaginationType": "full_numbers",
    "bLengthChange": false,
    "pageLength": 20,
    "bFilter": true,
    "bSort": true,
    "bInfo": true,
    "bAutoWidth": true,
    "bStateSave": false,
    "aaSorting": [[aIntSortCol, aStrSortOrder]],

    "aaData":aDtAOData,
    "aoColumns":aDtAOCols

});

0 个答案:

没有答案