Question

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

var oTable = $（'＃dashboard'）。dataTable（{ “bPaginate”：是的， “bLengthChange”：false， “bFilter”：是的， “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

设置sDom参数

像这样：

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

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

Answer 2

就像@Dylan Slabbinck所说，你必须设置＆＃34; sDom＆＃34;参数，但您还必须设置＆＃34; sSwfPath＆＃34;在您的项目目录中。尽管这些变化与您已经展示的代码相结合，但这可能还不够。我建议你初始化你的表，不包括TableTools Buttons部分，并在实例化后设置按钮及其配置。

"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";

jQuery dataTables tabletools无法正常工作

2 个答案: