在 JSFiddle 中设置有效的 DataTables 导出

Question

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

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

获取 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...});
});

请参阅http://jsfiddle.net/jhfrench/6b74w/308/ 了解由 DataTables/TableTools 增强的多个表。