javascript - jQuery dataTables 表格工具不起作用

Question

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

var oTable = $('#dashboard').dataTable( { "bPaginate": true, "bLengthChange": false, "bFilter": true, "bSort": false, "bInfo": false, "bAutoWidth": false, “sPaginationType”：“bootstrap”，“aoColumnDefs”：colHeaders，

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

Answer 1

就像@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";

Answer 2

设置 sDom 参数

像这样：

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

更多信息： http ://datatables.net/release-datatables/extras/TableTools/index.html