首页 文章

jQuery dataTables tabletools无法正常工作

提问于
浏览
1

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

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"
                        }
                    ]
                }
            });

2 回答

  • 0

    设置sDom参数

    像这样:

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

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

  • 0

    就像@Dylan Slabbinck所说,你必须设置“sDom”参数,但你还必须在项目目录中设置“sSwfPath” . 尽管这些变化与您展示的代码相结合,但可能还不够 . 我建议你初始化你的表,不包括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";
    

相关问题