jQuery dataTables 表格工具不起作用答案

【问题标题】：jQuery dataTables tabletools not workingjQuery dataTables 表格工具不起作用
【发布时间】：2013-04-14 00:54:53
【问题描述】：

我正在尝试使用具有以下配置的数据表工具。我看不到我在下面定义的表格工具按钮。我错过了什么吗？请告诉我。

var oTable = $('#dashboard').dataTable( { “bPaginate”：是的， “bLengthChange”：假， “bFilter”：真， “bSort”：假， “bInfo”：假， “bAutoWidth”：假， "sPaginationType": "引导程序", "aoColumnDefs": colHeaders,

                "oTableTools": {
                    "aButtons": [
                        {
                            "sExtends": "copy",
                            "sButtonText": "Copy to clipboard"
                        },
                        {
                            "sExtends": "csv",
                            "sButtonText": "Save to CSV"
                        },
                        {
                            "sExtends": "xls",
                            "sButtonText": "Save for Excel"
                        }
                    ]
                }
            });

【问题讨论】：

标签： javascript jquery jquery-datatables tabletools

【解决方案1】：

设置 sDom 参数

像这样：

"sDom": 'T<"clear">lfrtip'

【讨论】：

【解决方案2】：

就像@Dylan Slabbinck 所说，您必须设置“sDom”参数，但您还必须在项目目录中设置“sSwfPath”。尽管这些更改与您显示的代码相结合，但可能还不够。我建议您初始化表格，不包括 TableTools 按钮部分，并在实例化后设置按钮及其配置。

"sDom": 'T<"clear">lfrtip' //inside your table configuration

TableTools.DEFAULTS.sSwfPath = "your path";
// mine was TableTools.DEFAULTS.sSwfPath = "<?php echo $this->basePath() ?>/swf/copy_csv_xls_pdf.swf";
TableTools.DEFAULTS.aButtons = ["xls", "copy", "csv"];
TableTools.BUTTONS.xls.sButtonText = "Save for Excel";
TableTools.BUTTONS.copy.sButtonText = "Copy to clipboard";
TableTools.BUTTONS.csv.sButtonText = "Save to CSV";

【讨论】：