javascript - DataTable如何定义多个初始化参数？

Question

我有以下 js 代码来初始化 DataTable：

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

我目前无法弄清楚的是，我现在如何将按钮以外的其他设置定义为附加参数？例如，我想定义长度菜单的设置，例如这里解释https://datatables.net/examples/advanced_init/length_menu.html使用：

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

所以我会做这样的事情，这是行不通的：

$(document).ready(function() {
    $('#example').DataTable( {
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
        dom: 'Bfrtip',
        buttons: [
            'copyHtml5',
            'excelHtml5',
            'csvHtml5',
            'pdfHtml5'
        ]
    } );
} );

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

标签： javascriptdatatables

Answer 1

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/