Question

我正在尝试将tableTools添加到已使用DataTable插件的现有表格中。tableTools按钮不会加载。这是我的代码：

var dataTableOptions = {
  "sScrollY":   "475px",
  "bAutoWidth": true,
  "bSort":      true,
  "bPaginate":  true,
  "sPaginationType": "full_numbers",
  "bFilter":    true,
  "bInfo":      true,
  "bJQueryUI":  true,
  "sDom": '<"clear">lfrtip',
  "oTableTools": {"sSwfPath": appPath + "/swf/copy_csv_xls_pdf.swf"}
};

$j("#movementsResults table").dataTable(dataTableOptions);

dataTable部分完全有效，但tableTools似乎无法正常工作。我确保所有文件路径都正确，包括.swf路径，但我找不到问题。

Answer 1

运行开发人员工具后出现错误：

SCRIPT5009：'ZeroClipboard_TableTools'未定义TableTools.js，第1293行第3期

在谷歌搜索确切知道ZeroClipboard是什么之后，我发现我需要单独包含该JS文件，因为它试图调用在那里创建的函数。在这样做之后，按钮开始工作，现在只需要设置样式。

感谢帮助人员

Answer 2

尝试：

"sDom": 'Tlfrtip'

另外，您是否已验证appPath变量是否正确？也许将其添加到您的代码中并检查控制台以确认您没有像额外的斜杠或其他东西：

console.log(appPath + "/swf/copy_csv_xls_pdf.swf");

Answer 3

需要使用T在sDom中初始化它： “sDom”：'＆lt;“clear”＆gt; lfrtipT'，

Answer 4

您必须使用DataTables / DataTools项目中的ZeroClipboard.js，而不是ZeroClipboard项目中的{{3}}。他们是非常不同的。

jQuery TableTools按钮无法加载

4 个答案: