如何为DataTable定义多个初始化参数?

时间:2019-04-10 17:43:57

标签: javascript datatables

我有以下js代码来初始化数据表:

((this.props.safeSearch && this.FilterUnsafeItemBy(this.props.item))
  || (this.props.UHDSearch && this.FilterUHDItemBy(this.props.item))

我目前无法弄清的是,我现在如何定义除按钮之外的其他设置作为附加参数?例如,我想使用以下方法定义长度菜单的设置,如https://datatables.net/examples/advanced_init/length_menu.html所述:

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copyHtml5',
            'excelHtml5',
            'csvHtml5',
            'pdfHtml5'
        ]
    } );
} );

所以我会做这样的事情,这是行不通的:

$(document).ready(function() {
    $('#example').DataTable( {
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
    } );
} );

这可能很明显,但是我只是从js开始。

1 个答案:

答案 0 :(得分:0)

您需要在l中添加字母dom

类似这样的东西:

var oTable = $('#example').DataTable( {
    dom: 'Blfrtip',
    lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]],
    buttons: [
        'copyHtml5',
        'excelHtml5',
        'csvHtml5',
        'pdfHtml5'
    ]
}); 

您可以在以下位置查看参考:https://datatables.net/reference/option/dom

结果https://jsfiddle.net/g2kdfrcu/