在JSFiddle中设置工作的DataTables导出

Question

我很难在JSFiddle中导出到CSV / Excel / PDF。请参阅my attempted JSFiddle

当我查看http://fiddle.jshell.net/jhfrench/6b74w/64/show/light/的JavaScript控制台时，我看到了

  

GET   http://fiddle.jshell.net/jhfrench/6b74w/64/show/light/media/swf/copy_csv_xls_pdf.swf   404（未找到）ZeroClipboard.js：52

这个错误让我感到惊讶，因为我以为我使用以下代码设置了SWF文件的路径：

...
"oTableTools": {
            "sSwfPath": "http://datatables.net/release-datatables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf"
        }
...

如何让this JSFiddle演示出口功能？

Answer 1

我想我明白了。问题似乎与TableTools对jQuery "multiple" selectors的支持有关。我的原始选择器（$('#browser_data, #task_list')）导致默认（和不可用）SWF路径。

当我将选择器更改为$('#task_list')时，它可以正常工作。

见working JSFiddle。请注意，使用DataTable插件不再增强第二个表。

当然，如果要在多个表上调用DataTables，并启用TableTools，则可以始终使用此jQuery语法：

$('#task_list, #browser_data').each( function() {
        $(this).dataTable({ ...your options here etc...});
});

有关DataTables / TableTools增强的多个表，请参阅http://jsfiddle.net/jhfrench/6b74w/308/。