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。

jQuery Datatables，TableTools插件按钮不可见

1 个答案: