jQuery Datatables，TableTools插件按钮不可见

Question

jQuery Datatables，TableTools插件按钮不可见

3

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

问题在于我的数据表格正常工作，但当我添加一个导出到CSV的按钮时，它不会显示出来。其余部分都很完美，根据Firebug没有错误。它只是不会显示按钮。我正在使用Jquery的tableTool按钮指南来编写我的脚本。这是我的脚本：

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

有人能帮助我吗？我看到了很多类似的问题，但它们都使用Flash。这应该只使用HTML5。我错过了什么吗？这是我第一次使用tableTools。

- Chris

我也尝试了选项：extend: 'csv'， text: '复制所有数据', exportOptions: { modifier: { search: 'none - Chris

1

在 #table 周围加上引号。 - apandit

抱歉，我没有复制那段代码。这是我自己写的，而且里面有引号。 - Chris

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Yaw · Accepted Answer

这是我通常生成Datatables的方法，也许可以帮助你。

$('#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文件。