javascript - jQuery 数据表、TableTools 插件按钮不可见

Question

我已经下载了 Jquery 的 dataTables.tableTools.js 和 dataTables.buttons.js 以及匹配的样式。我已经确认链接是正确的。

问题是我的数据表工作得很好，但是当我添加一个导出到 csv 的按钮时它没有显示。表格的其余部分是完美的，根据 Firebug 没有错误。它只是不会显示按钮。我正在使用 Jquery's guide to tableTool buttons做我的剧本。 这是我的:

$("#table").DataTable({
  buttons: [ 
    'csv'
  ]
 });

谁能帮帮我？我看到很多类似的问题，但他们都在使用闪光灯。这应该只使用 HTML5。我是不是错过了什么，这是我第一次使用 tableTools。

Answer 1

这就是我通常生成数据表的方式，也许它有帮助。

$('#myTable').DataTable({
            "bAutoWidth": false,
            "dom": 'lf T<"clear"> rtip',
            "tableTools": {
                "sSwfPath": "/swf/copy_csv_xls_pdf.swf",
                "aButtons": ["print"]
            },...

当您导入包时，这应该会自动获取工具。

bundles.Add(new StyleBundle("~/Content/datatables").Include(
                    "~/Content/DataTables-x.xx.x/css/jquery.dataTables.min.css",
                    "~/Content/DataTables-x.xx.x/css/dataTables.tableTools.min.css"));

bundles.Add(new ScriptBundle("~/bundles/datatables").Include(
                    "~/Scripts/DataTables-x.xx.x/jquery.dataTables.min.js",
                    "~/Scripts/DataTables-x.xx.x/dataTables.tableTools.js"));

@Scripts.Render("~/bundles/datatables")
@Styles.Render("~/Content/datatables")

确保您的 Content/Datatables/swf 文件夹中有正确的 swf。