TableTools 插件导出按钮不起作用答案

【问题标题】：TableTools plugin export buttons are not workingTableTools 插件导出按钮不起作用
【发布时间】：2013-08-13 10:11:16
【问题描述】：

我正在使用 TableTools 来实现导出功能，但它不起作用。仅打印按钮工作并显示弹出和隐藏。我从this 线程中得到了建议，但没有给我明确的想法。下面是我的实现

 $('#example').dataTable({
  "sDom": 'T<"clear">lfrtip',
   "oTableTools": {
    "sSwfPath": "copy_csv_xls_pdf.swf"
     }
  });

我已将 .swf 文件保存在我的服务器页面所在的同一文件夹中。我也试过"sDom": 'T<"clear"><"H"lfr>t<"F"ip>',。但对我不起作用。我也得到建议，需要配置 Flash 播放器的一些安全设置。使用此功能是否需要 Flash 播放器？或者实施中出了什么问题。请建议。

【问题讨论】：

标签： jquery jquery-plugins datatables tabletools

【解决方案1】：

两个重要的规则：

1) 您必须包含 TableTools 脚本，例如

<script type="text/javascript" src="DataTables-1.x.x/extras/TableTools/media/js/TableTools.min.js"></script>

DataTables-1.x.x/ = 您的数据表版本的路径。

2) 只有打印按钮有效强烈表明您的.swf-path 是错误的。打印由数据表本身在 javascript 中完成 - 复制、excel 等由 flash-plugin 完成。

永远不要改变 .swf 的路径！！让.swf 留在原地，eg

sSwfPath: "DataTables-1.x.x/extras/TableTools/media/swf/copy_csv_xls_pdf.swf"

TableTools 导出功能无需安全问题或其他先决条件即可工作。它应该开箱即用。

当你确保了 1) 和 2) 这简单的初始化

var table =  $('#example').dataTable({
    sDom: 'TC<"clear">lfrtip',
    oTableTools: {
        sSwfPath: "DataTables-1.x.x/extras/TableTools/media/swf/copy_csv_xls_pdf.swf"
    }
});

将生成一个带有功能齐全的导出按钮的数据表：

【讨论】：

感谢您的回复。我已根据您的建议恢复了更改。但仍然面临同样的问题
我有同样的问题，只有复制按钮有效，保存无效
记得检查您的 F12 控制台是否有任何错误，这会告诉您您的 swf 路径是否正确
我什至看不到 F12 网络流量中的任何轮胎甚至会尝试读取 swf。
嘿@CsabaToth，我不可能在没有看到代码的情况下弄清楚你的问题到底是什么:) 请记住，这是一个相当古老的答案，针对 dataTables 1.9.x 和基于本地的@ 987654330@。通常我看到人们对.swf 有问题，因为他们使用相对路径。您在网络控制台中看不到.swf 的事实可能表明了这一点。尝试使用 dataTables CDN -> cdn.datatables.net/tabletools/2.2.3（指向.swf 文件的 CDN 链接在页面底部附近）

【解决方案2】：

我遇到过这个问题。我的情况是这样的。一切似乎都很好。按钮在那里。唯一的问题是按钮不起作用。

我的问题是应该导出的表位于选项卡式 div 视图中。而且这个 div 视图最初是不可见的。只有在用户点击它所在的标签后才能看到它。

解决方案：将表格放在第一个可见选项卡上，一切正常。它对我来说仍然很神秘，但它有效。希望对您有所帮助。

【讨论】：

这个。仅仅显示-初始化-隐藏是不够的。我必须做一个 setTimeout 200 才能让它工作。不漂亮。
对我来说也一样。出于某种原因，如果表格最初是隐藏的，即使显示后按钮也将不起作用。